Remove weird scroll bars on outer progress container.

Comfy-Org · Oct 9, 2024 · efde08d · efde08d
1 parent 98b13d5
commit efde08d
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/renderer/screens/ProgressOverlay.tsx b/src/renderer/screens/ProgressOverlay.tsx
@@ -17,11 +17,20 @@ export interface ProgressUpdate {
   overwrite?: boolean;
 }
 
+const outerContainerStyle: React.CSSProperties = {
+  width: '100%',
+  height: '100vh',
+  overflow: 'hidden',
+};
+
 const containerStyle: React.CSSProperties = {
   display: 'flex',
   flexDirection: 'column',
   alignItems: 'center',
+  justifyContent: 'center', // Center vertically
   width: '100%',
+  height:'100%',
+  overflow: 'scroll',
   padding: '20px',
 };
 
@@ -79,6 +88,8 @@ function ProgressOverlay(): React.ReactElement {
   }, []);
 
   return (
+    <div style={outerContainerStyle}>
+
     <div style={containerStyle}>
       <div style={loadingTextStyle} id="loading-text">
         {status}
@@ -87,6 +98,7 @@ function ProgressOverlay(): React.ReactElement {
         {status !== 'Finishing...' && <AnimatedLogDisplay logs={logs} />}
       </div>
     </div>
+    </div>
   );
 }