From 2e4f61e11d6db374f48bfe84c34a59e3e3500a04 Mon Sep 17 00:00:00 2001
From: xiaoxia <dev@xiaoxiajianji.com>
Date: Wed, 5 Aug 2026 14:43:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A0=87=E9=A2=98=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=A2=9E=E5=BC=BA=E6=8D=A2=E8=A1=8C+=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E9=9A=90=E8=97=8F=E6=A0=87=E9=A2=98=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- buildTitleStyle: 新增 display:block / width:100% / boxSizing:border-box / overflowWrap:break-word
- 错误状态下不显示标题预览区域，避免遮挡「重新生成」按钮
- 更新注释说明
---
 .../src/pages/generate/components/PreviewVideoPanel.tsx   | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
index c549ece23..7177ec390 100644
--- a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
+++ b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
@@ -45,7 +45,11 @@ const buildTitleStyle = (settings: TitleSettings): React.CSSProperties => {
     textAlign: "center",
     lineHeight: 1.4,
     wordBreak: "break-word",
+    overflowWrap: "break-word",
     padding: "0 12px",
+    display: "block",
+    width: "100%",
+    boxSizing: "border-box",
   }
   if (settings.stroke) {
     style.WebkitTextStroke = "1px rgba(0,0,0,0.6)"
@@ -146,8 +150,8 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
         </div>
       )}
 
-      {/* 无视频时的标题预览（idle/loading/error 状态下仍然显示标题预览） */}
-      {!hasPreview && showTitlePreview && (
+      {/* 无视频时的标题预览（idle/loading 状态下显示，error 状态下隐藏） */}
+      {!hasPreview && !isError && showTitlePreview && (
         <div
           style={{
             background: "rgba(0,0,0,0.3)",