fix: 标题预览增强换行+错误状态隐藏标题预览

- buildTitleStyle: 新增 display:block / width:100% / boxSizing:border-box / overflowWrap:break-word - 错误状态下不显示标题预览区域，避免遮挡「重新生成」按钮 - 更新注释说明
2026-08-05 14:43:16 +08:00
parent 643239279e
commit 2e4f61e11d
1 changed files with 6 additions and 2 deletions
@@ -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)",