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

style(Playroom): 为歌曲信息文本添加固定宽度限制

Browse Source 
防止文本过长导致布局问题，为歌曲名称和艺术家信息设置固定宽度
This commit is contained in:
Astrian Zheng 2025-05-26 15:24:06 +10:00
parent 32ab4574dd
commit 2ce63f5daa
Signed by: Astrian
SSH Key Fingerprint: SHA256:rVnhx3DAKjujCwWE13aDl7uV6+9U1MvydLkNRXJrBiA
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/Playroom.vue
View File

@ -158,20 +158,20 @@ function getCurrentTrack() {
<div class="flex justify-between items-center gap-2"> <div class="flex justify-between items-center gap-2">
<div class="relative flex-auto w-0"> <div class="relative flex-auto w-0">
<div class=""> <div class="">
<div class="text-black/90 blur-lg text-lg font-medium truncate"> <div class="text-black/90 blur-lg text-lg font-medium truncate w-80">
{{ getCurrentTrack().song.name }} {{ getCurrentTrack().song.name }}
</div> </div>
<div class="text-black/90 blur-lg text-base truncate"> <div class="text-black/90 blur-lg text-base truncate w-80">
{{ getCurrentTrack().song.artists ?? [] }} — {{ getCurrentTrack().song.artists ?? [] }} —
{{ getCurrentTrack().album?.name ?? '未知专辑' }} {{ getCurrentTrack().album?.name ?? '未知专辑' }}
</div> </div>
</div> </div>
<div class="absolute top-0"> <div class="absolute top-0">
<div class="text-white text-lg font-medium truncate"> <div class="text-white text-lg font-medium truncate w-80">
{{ getCurrentTrack().song.name }} {{ getCurrentTrack().song.name }}
</div> </div>
<div class="text-white/75 text-base truncate"> <div class="text-white/75 text-base truncate w-80">
{{ artistsOrganize(getCurrentTrack().song.artists ?? []) }} — {{ artistsOrganize(getCurrentTrack().song.artists ?? []) }} —
{{ getCurrentTrack().album?.name ?? '未知专辑' }} {{ getCurrentTrack().album?.name ?? '未知专辑' }}
</div> </div>