fix: 修复AI配音标识被overflow:hidden裁剪不显示

- .xx-voice-name 有 overflow:hidden + text-overflow:ellipsis - AI badge 作为其子元素，在长标题时被父容器裁掉 - 将 badge 移到 .xx-voice-name-row flex 容器内（已有CSS定义） - name 单独包裹在 .xx-voice-name 内，badge 在其外部不受 overflow 影响
2026-09-03 22:33:14 +08:00
parent 8ecf381a9d
commit 78229fbb3a
1 changed files with 4 additions and 2 deletions
@@ -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">