From 2015b2e58c6b89320b0a2c283d18ed96588a1619 Mon Sep 17 00:00:00 2001
From: icarus <eurfelux@gmail.com>
Date: Tue, 14 Oct 2025 00:49:02 +0800
Subject: [PATCH] style(video): fix layout overflow issues by adding
 overflow-hidden

Add overflow-hidden to content containers to prevent unwanted scrolling and improve layout consistency
---
 src/renderer/src/pages/video/VideoPage.tsx  | 2 +-
 src/renderer/src/pages/video/VideoPanel.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/src/pages/video/VideoPage.tsx b/src/renderer/src/pages/video/VideoPage.tsx
index 6e82a2c5cb..e554252d80 100644
--- a/src/renderer/src/pages/video/VideoPage.tsx
+++ b/src/renderer/src/pages/video/VideoPage.tsx
@@ -130,7 +130,7 @@ export const VideoPage = () => {
       <Navbar>
         <NavbarCenter style={{ borderRight: 'none' }}>{t('video.title')}</NavbarCenter>
       </Navbar>
-      <div id="content-container" className="flex max-h-full flex-1">
+      <div id="content-container" className="flex flex-1 overflow-hidden">
         {/* Settings */}
         <div className="flex w-70 flex-col p-2">
           <SettingsGroup>
diff --git a/src/renderer/src/pages/video/VideoPanel.tsx b/src/renderer/src/pages/video/VideoPanel.tsx
index bf5492cea0..8a3a5de677 100644
--- a/src/renderer/src/pages/video/VideoPanel.tsx
+++ b/src/renderer/src/pages/video/VideoPanel.tsx
@@ -229,7 +229,7 @@ export const VideoPanel = ({ provider, video, params, updateParams }: VideoPanel
   }, [handleUploadFile, inputReference, isPending, t, updateParams])
 
   return (
-    <div className="flex flex-1 flex-col p-2">
+    <div className="flex flex-1 flex-col overflow-hidden p-2">
       <div className="m-8 flex-1 overflow-hidden">
         <Skeleton className="h-full w-full rounded-2xl" classNames={{ content: 'h-full w-full' }} isLoaded={true}>
           {video && <VideoViewer video={video} onDownload={handleDownloadVideo} onRegenerate={handleRegenerateVideo} />}