From 78229fbb3a2a5d3f211b0365ad950da49e53bcc0 Mon Sep 17 00:00:00 2001
From: xiaoxia <xiaoxia@xiaoxiajianji.com>
Date: Thu, 3 Sep 2026 22:33:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8DAI=E9=85=8D=E9=9F=B3?=
 =?UTF-8?q?=E6=A0=87=E8=AF=86=E8=A2=ABoverflow:hidden=E8=A3=81=E5=89=AA?=
 =?UTF-8?q?=E4=B8=8D=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .xx-voice-name 有 overflow:hidden + text-overflow:ellipsis
- AI badge 作为其子元素，在长标题时被父容器裁掉
- 将 badge 移到 .xx-voice-name-row flex 容器内（已有CSS定义）
- name 单独包裹在 .xx-voice-name 内，badge 在其外部不受 overflow 影响
---
 apps/web/src/pages/voices/components/MaterialVoiceTab.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/pages/voices/components/MaterialVoiceTab.tsx b/apps/web/src/pages/voices/components/MaterialVoiceTab.tsx
index 2c406ec3a..e5d8ea402 100644
--- a/apps/web/src/pages/voices/components/MaterialVoiceTab.tsx
+++ b/apps/web/src/pages/voices/components/MaterialVoiceTab.tsx
@@ -185,8 +185,10 @@ export const MaterialVoiceTab: React.FC<MaterialVoiceTabProps> = ({
                 </div>
 
                 <div className="xx-voice-info vmat-info">
-                  <div className="xx-voice-name" title={asset.name}>
-                    {asset.name}
+                  <div className="xx-voice-name-row">
+                    <div className="xx-voice-name" title={asset.name}>
+                      {asset.name}
+                    </div>
                     {isAiMaterial && <span className="vmat-ai-badge">AI</span>}
                   </div>
                   <div className="xx-voice-subtitle">
-- 
2.54.0