From 05070e332235c96a46f4871133f8e2146363110a Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Sat, 24 May 2025 23:49:15 +1000
Subject: [PATCH] =?UTF-8?q?style(Player):=20=E8=B0=83=E6=95=B4=E6=92=AD?=
 =?UTF-8?q?=E6=94=BE=E5=99=A8=E7=95=8C=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

移除宽度限制并添加文本截断功能，以改善播放器界面的显示效果
---
 src/components/Player.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index b8d78bd..37cee9e 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -69,11 +69,11 @@ function playPrevious() {
 		</audio>
 
 		<div
-			class="text-white w-48 h-9 bg-neutral-800/80 border border-[#ffffff39] rounded-full text-center backdrop-blur-3xl flex gap-2 overflow-hidden select-none"
+			class="text-white h-9 bg-neutral-800/80 border border-[#ffffff39] rounded-full text-center backdrop-blur-3xl flex gap-2 overflow-hidden select-none"
 			v-if="playQueueStore.list.length !== 0">
 			<img :src="playQueueStore.list[playQueueStore.currentIndex].album?.coverUrl ?? ''" class="rounded-full" />
-			<div class="flex-1 flex items-center">
-				<span class="">{{ playQueueStore.list[playQueueStore.currentIndex].song.name }}</span>
+			<div class="flex items-center w-32">
+				<span class="truncate">{{ playQueueStore.list[playQueueStore.currentIndex].song.name }}</span>
 			</div>
 			<button class="h-9 w-9 flex justify-center items-center" @click="() => {
 				playQueueStore.isPlaying = !playQueueStore.isPlaying