From 2ce63f5daa827f172307b52423d9536036ca312e Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Mon, 26 May 2025 15:24:06 +1000
Subject: [PATCH] =?UTF-8?q?style(Playroom):=20=E4=B8=BA=E6=AD=8C=E6=9B=B2?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E6=96=87=E6=9C=AC=E6=B7=BB=E5=8A=A0=E5=9B=BA?=
 =?UTF-8?q?=E5=AE=9A=E5=AE=BD=E5=BA=A6=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

防止文本过长导致布局问题，为歌曲名称和艺术家信息设置固定宽度
---
 src/pages/Playroom.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Playroom.vue b/src/pages/Playroom.vue
index c87be26..ff267c5 100644
--- a/src/pages/Playroom.vue
+++ b/src/pages/Playroom.vue
@@ -158,20 +158,20 @@ function getCurrentTrack() {
 			<div class="flex justify-between items-center gap-2">
 				<div class="relative flex-auto w-0">
 					<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 }}
 						</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().album?.name ?? '未知专辑' }}
 						</div>
 					</div>
 
 					<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 }}
 						</div>
-						<div class="text-white/75 text-base truncate">
+						<div class="text-white/75 text-base truncate w-80">
 							{{ artistsOrganize(getCurrentTrack().song.artists ?? []) }} —
 							{{ getCurrentTrack().album?.name ?? '未知专辑' }}
 						</div>