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

fix(Playroom): enhance album cover hover effect with dynamic scaling based on playback state

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

5
src/pages/Playroom.vue
View File

@ -319,8 +319,9 @@ watch(() => playQueueStore.currentIndex, () => {
<div class="flex flex-col w-96 gap-4" ref="controllerRef"> <div class="flex flex-col w-96 gap-4" ref="controllerRef">
<!-- Album cover with enhanced hover effect --> <!-- Album cover with enhanced hover effect -->
<div ref="albumCover" class="relative"> <div ref="albumCover" class="relative">
<img :src="getCurrentTrack().album?.coverUrl" <img :src="getCurrentTrack().album?.coverUrl" class="rounded-2xl shadow-2xl border border-white/20 w-96 h-96
class="rounded-2xl shadow-2xl border border-white/20 w-96 h-96 transition-transform duration-300 hover:scale-105" /> transition-transform duration-300
" :class="playQueueStore.isPlaying ? 'scale-100' : 'scale-95'" />
</div> </div>
<!-- Song info with enhanced styling --> <!-- Song info with enhanced styling -->