Astrian/msr-mod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

feat(Playroom): update lyrics tooltip styling for improved visibility and aesthetics

Browse Source
This commit is contained in:
Astrian Zheng 2025-05-28 11:33:02 +10:00
parent b9a8ca7ae4
commit c02c3edce9
Signed by: Astrian
SSH Key Fingerprint: SHA256:rVnhx3DAKjujCwWE13aDl7uV6+9U1MvydLkNRXJrBiA
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/Playroom.vue
View File

@ -647,9 +647,9 @@ watch(() => playQueueStore.currentIndex, () => {
<!-- Show tooltip only on hover, with transition --> <!-- Show tooltip only on hover, with transition -->
<transition name="lyrics-tooltip-fade"> <transition name="lyrics-tooltip-fade">
<div v-if="showLyricsTooltip && !getCurrentTrack().song.lyricUrl" <div v-if="showLyricsTooltip && !getCurrentTrack().song.lyricUrl"
class="absolute bottom-10 w-60 left-[-7rem] bg-white/10 backdrop-blur-3xl rounded-md p-2 text-xs flex flex-col text-left text-white shadow-md"> class="absolute bottom-10 w-60 left-[-7rem] bg-black/60 backdrop-blur-3xl rounded-md p-2 text-xs flex flex-col text-left shadow-2xl border border-[#ffffff39]">
<div class="font-semibold">这首曲目不提供歌词文本</div> <div class="font-semibold text-white">这首曲目不提供歌词文本</div>
<div>启用歌词时，将会在下一首有歌词的曲目中显示歌词文本。</div> <div class="text-white/60">启用歌词时，将会在下一首有歌词的曲目中显示歌词文本。</div>
</div> </div>
</transition> </transition>
</div> </div>