fix replay gain active style

tamland · Dec 30, 2024 · dcb39fc · dcb39fc
1 parent 8d64310
commit dcb39fc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/player/Player.vue b/src/player/Player.vue
@@ -71,8 +71,11 @@
               <b-button
                 v-if="track && track.replayGain"
                 title="ReplayGain"
-                variant="link" class="m-0"
-                @click="toggleReplayGain">
+                variant="link"
+                class="m-0"
+                :class="{ 'text-primary': replayGainMode !== ReplayGainMode.None }"
+                @click="toggleReplayGain"
+              >
                 <IconReplayGain v-if="replayGainMode === ReplayGainMode.None" />
                 <IconReplayGainTrack v-else-if="replayGainMode === ReplayGainMode.Track" />
                 <IconReplayGainAlbum v-else-if="replayGainMode === ReplayGainMode.Album" />

diff --git a/src/shared/components/IconReplayGain.vue b/src/shared/components/IconReplayGain.vue
@@ -3,6 +3,6 @@
        width="1em" height="1em" fill="currentColor"
        viewBox="0 0 24 24"
        class="icon bi">
-    <text opacity="0.5" x="0" y="50%" dominant-baseline="central" text-anchor="start" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="currentColor">RG</text>
+    <text x="0" y="50%" dominant-baseline="central" text-anchor="start" font-family="Arial, sans-serif" font-weight="bold" font-size="16" fill="currentColor">RG</text>
   </svg>
 </template>