From 6a3f4e4127bebf520e39338e9a3a8b33d11d7422 Mon Sep 17 00:00:00 2001
From: xiaoxia <xiaoxia@xiaoxiajianji.com>
Date: Thu, 20 Aug 2026 14:29:05 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BB=9F=E4=B8=80=E7=AB=96=E5=B1=8F=209?=
 =?UTF-8?q?:16=20=E6=AF=94=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- generate.css: 7 处 aspect-ratio 从 16/9 改为 9/16
- generate.css: .xx-preview-video max-height 400px→600px
- generate.css: .xx-preview-video-wrapper max-width→max-height
- PreviewVideoPanel.tsx: fallback 从 16:9→9:16
- UploadCoverPicker.tsx: 提示文字从 建议16:9→建议9:16
---
 apps/web/src/pages/generate/components/PreviewVideoPanel.tsx    | 2 +-
 .../generate/components/cover-settings/UploadCoverPicker.tsx    | 2 +-
 apps/web/src/pages/generate/generate.css                        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
index e5eee7426..a45fc601c 100644
--- a/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
+++ b/apps/web/src/pages/generate/components/PreviewVideoPanel.tsx
@@ -193,7 +193,7 @@ export const PreviewVideoPanel: React.FC<PreviewVideoPanelProps> = ({
   titleSettings,
   voiceAudioUrl,
 }) => {
-  const videoAspectStyle = { aspectRatio: (videoRatio || "16:9").replace(":", "/") }
+  const videoAspectStyle = { aspectRatio: (videoRatio || "9:16").replace(":", "/") }
 
   return (
     <div className="xx-generate-preview">
diff --git a/apps/web/src/pages/generate/components/cover-settings/UploadCoverPicker.tsx b/apps/web/src/pages/generate/components/cover-settings/UploadCoverPicker.tsx
index 2b9da070c..40312e4c0 100755
--- a/apps/web/src/pages/generate/components/cover-settings/UploadCoverPicker.tsx
+++ b/apps/web/src/pages/generate/components/cover-settings/UploadCoverPicker.tsx
@@ -30,7 +30,7 @@ export const UploadCoverPicker: React.FC<UploadCoverPickerProps> = ({ uploadUrl,
           <div className="xx-cover-upload-placeholder">
             <span style={{ fontSize: 32 }}>📤</span>
             <span className="xx-cover-upload-text">点击上传封面图片</span>
-            <span className="xx-cover-upload-hint">支持 JPG / PNG，建议 16:9 比例</span>
+            <span className="xx-cover-upload-hint">支持 JPG / PNG，建议 9:16 比例</span>
           </div>
         )}
         <input
diff --git a/apps/web/src/pages/generate/generate.css b/apps/web/src/pages/generate/generate.css
index 3f26d8a95..b5414fbb2 100644
--- a/apps/web/src/pages/generate/generate.css
+++ b/apps/web/src/pages/generate/generate.css
@@ -2772,7 +2772,7 @@
 
 .xx-video-thumb {
   position: relative;
-  aspect-ratio: 16 / 9;
+  aspect-ratio: 9 / 16;
   background: var(--bg-tertiary);
   overflow: hidden;
 }