MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-01-14 08:15:02 -05: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>
<a :class="{ 'is-active': is_active }" @click="toggle_lyrics">
<a :class="{ 'is-info': is_active }" @click="toggle_lyrics">
<mdicon
v-if="!is_active"
class="icon"
name="script-text-outline"
:size="icon_size"
:title="$t('player.button.toggle-lyrics')"
/>
<mdicon
v-if="is_active"
class="icon"
name="script-text-play"
:name="icon_name"
:size="icon_size"
:title="$t('player.button.toggle-lyrics')"
/>
@ -31,6 +23,9 @@ export default {
computed: {
is_active() {
return this.$store.getters.lyrics_pane
},
icon_name() {
return this.is_active ? 'script-text-play' : 'script-text-outline'
}
},