From bf6917f5e809bbfec8ae405982b78586af3d7f40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Tue, 23 Sep 2025 17:54:22 +0800
Subject: [PATCH] =?UTF-8?q?H5=E9=AB=98=E5=BA=A6=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/pages/work-flow/H5MediaViewer.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/pages/work-flow/H5MediaViewer.tsx b/components/pages/work-flow/H5MediaViewer.tsx
index f1abdd8..8a5237f 100644
--- a/components/pages/work-flow/H5MediaViewer.tsx
+++ b/components/pages/work-flow/H5MediaViewer.tsx
@@ -164,7 +164,9 @@ export function H5MediaViewer({
 
     // 渲染视频 slide
     const renderVideoSlides = () => (
-        <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg">
+        <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg" style={{
+            height: 'calc(100vh - 20rem)',
+        }}>
             <Carousel
                 ref={carouselRef}
                 key={`h5-carousel-video-${stage}-${videoUrls.length}`}
@@ -223,7 +225,7 @@ export function H5MediaViewer({
                                 </>
                             ) : (
                                 <div className="w-full aspect-auto min-h-[200px] flex items-center justify-center bg-black/10 relative" data-alt="video-status" style={{
-                                    maxHeight: 'calc(100vh - 20rem)',
+                                    height: 'calc(100vh - 20rem)',
                                 }}>
                                     {status === 0 && (
                                         <span className="text-blue-500 text-base">Generating...</span>
@@ -248,7 +250,9 @@ export function H5MediaViewer({
 
     // 渲染图片 slide
     const renderImageSlides = () => (
-        <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg">
+        <div data-alt="carousel-wrapper" className="relative w-full aspect-auto min-h-[200px] overflow-hidden rounded-lg" style={{
+            height: 'calc(100vh - 20rem)',
+        }}>
             <Carousel
                 ref={carouselRef}
                 key={`h5-carousel-image-${stage}-${imageUrls.length}`}