1

video-gen-app/src/components/Layout/AppLayout.tsx

@@ -917,13 +917,16 @@ const AppLayout: React.FC = () => {
 
   return (
     <Layout style={{
-      minHeight: '100vh',
+      height: '100vh',
+      display: 'flex',
+      flexDirection: 'column',
+      overflow: 'hidden',
     }}>
       <ActivityBanner onVisibilityChange={(v) => setBannerVisible(v)} />
-      <div style={{ display: 'flex', position: 'relative', padding: 4, gap: 12, minHeight: 'calc(100vh - 8px)' }}>
+      <div style={{ display: 'flex', position: 'relative', padding: 4, gap: 12, flex: 1, minHeight: 0, overflow: 'hidden' }}>
       <div className="desktop-sidebar" style={{
         width: sidebarW, position: 'sticky', top: 4, alignSelf: 'flex-start', zIndex: 100,
-        height: 'calc(100vh - 8px)',
+        height: '100%',
         background: 'linear-gradient(180deg, #ffffff 0%, #f8fafc 100%)',
         borderRadius: '20px',
         boxShadow: '0 4px 32px rgba(0, 0, 0, 0.06), 0 1px 8px rgba(0, 0, 0, 0.04)',
@@ -1148,7 +1151,8 @@ const AppLayout: React.FC = () => {
         boxShadow: '0 4px 32px rgba(0, 0, 0, 0.06), 0 1px 8px rgba(0, 0, 0, 0.04)',
         padding: '24px 32px 32px',
         border: '1px solid rgba(0, 0, 0, 0.06)',
-        overflow: 'hidden',
+        overflow: 'auto',
+        minHeight: 0,
       }}>
         {!isMobile && <Outlet />}
       </div>