MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-03-03 23:30:09 -05:00
Code Issues Packages Projects Releases Wiki Activity

[web] Streamline the style of button

Browse Source
This commit is contained in:
Alain Nussbaumer 2025-02-16 00:17:55 +01:00
parent f54b2e5b0b
commit aaea7135a0
4 changed files with 21 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web-src/src/components/ModalDialogPlayable.vue
View File

@ -7,7 +7,7 @@
<a
v-for="button in buttons"
:key="button.label"
class="button is-small"
class="button is-small is-rounded"
@click="button.handler"
v-text="$t(button.label)"
/>

4
web-src/src/pages/PageAbout.vue
View File

@ -13,13 +13,13 @@
<div class="level-right">
<div v-if="library.updating">
<a
class="button is-small is-loading"
class="button is-small is-rounded is-loading"
v-text="$t('page.about.update')"
/>
</div>
<div v-else>
<a
class="button is-small"
class="button is-small is-rounded"
@click="showUpdateDialog()"
v-text="$t('page.about.update')"
/>

13
web-src/src/pages/PagePodcasts.vue
View File

@ -6,7 +6,7 @@
</template>
<template #heading-right>
<div class="buttons is-centered">
<a class="button is-small" @click="mark_all_played">
<a class="button is-small is-rounded" @click="mark_all_played">
<mdicon class="icon" name="pencil" size="16" />
<span v-text="$t('page.podcasts.mark-all-played')" />
</a>
@ -30,11 +30,18 @@
</template>
<template #heading-right>
<div class="buttons is-centered">
<a v-if="rss.tracks > 0" class="button is-small" @click="update_rss">
<a
v-if="rss.tracks > 0"
class="button is-small is-rounded"
@click="update_rss"
>
<mdicon class="icon" name="refresh" size="16" />
<span v-text="$t('page.podcasts.update')" />
</a>
<a class="button is-small" @click="open_add_podcast_dialog">
<a
class="button is-small is-rounded"
@click="open_add_podcast_dialog"
>
<mdicon class="icon" name="rss" size="16" />
<span v-text="$t('page.podcasts.add')" />
</a>

13
web-src/src/pages/PageQueue.vue
View File

@ -11,19 +11,22 @@
<template #heading-right>
<div class="buttons is-centered">
<button
class="button is-small"
class="button is-small is-rounded"
:class="{ 'is-info': show_only_next_items }"
@click="update_show_next_items"
>
<mdicon class="icon" name="arrow-collapse-down" size="16" />
<span v-text="$t('page.queue.hide-previous')" />
</button>
<button class="button is-small" @click="open_add_stream_dialog">
<button
class="button is-small is-rounded"
@click="open_add_stream_dialog"
>
<mdicon class="icon" name="web" size="16" />
<span v-text="$t('page.queue.add-stream')" />
</button>
<button
class="button is-small"
class="button is-small is-rounded"
:class="{ 'is-info': edit_mode }"
:disabled="queue_items.length === 0"
@click="edit_mode = !edit_mode"
@ -32,7 +35,7 @@
<span v-text="$t('page.queue.edit')" />
</button>
<button
class="button is-small"
class="button is-small is-rounded"
:disabled="queue_items.length === 0"
@click="queue_clear"
>
@ -41,7 +44,7 @@
</button>
<button
v-if="is_queue_save_allowed"
class="button is-small"
class="button is-small is-rounded"
:disabled="queue_items.length === 0"
@click="save_dialog"
>