MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-04-15 16:48:22 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Simplify lyrics button

Browse Source
This commit is contained in:
Alain Nussbaumer 2023-11-24 16:28:35 +01:00
parent b39eb0b51d
commit d146a9e940
1 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web-src/src/components/PlayerButtonLyrics.vue
View File

@ -1,16 +1,8 @@
<template> <template>
<a :class="{ 'is-active': is_active }" @click="toggle_lyrics"> <a :class="{ 'is-info': is_active }" @click="toggle_lyrics">
<mdicon <mdicon
v-if="!is_active"
class="icon" class="icon"
name="script-text-outline" :name="icon_name"
:size="icon_size"
:title="$t('player.button.toggle-lyrics')"
/>
<mdicon
v-if="is_active"
class="icon"
name="script-text-play"
:size="icon_size" :size="icon_size"
:title="$t('player.button.toggle-lyrics')" :title="$t('player.button.toggle-lyrics')"
/> />
@ -31,6 +23,9 @@ export default {
computed: { computed: {
is_active() { is_active() {
return this.$store.getters.lyrics_pane return this.$store.getters.lyrics_pane
},
icon_name() {
return this.is_active ? 'script-text-play' : 'script-text-outline'
} }
}, },