From efde08dbe4457b1c01bfd08f17c4ff1e13dde592 Mon Sep 17 00:00:00 2001
From: robinjhuang <robin.j.huang@gmail.com>
Date: Wed, 9 Oct 2024 14:02:50 -0700
Subject: [PATCH] Remove weird scroll bars on outer progress container.

---
 src/renderer/screens/ProgressOverlay.tsx | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/renderer/screens/ProgressOverlay.tsx b/src/renderer/screens/ProgressOverlay.tsx
index 7d452c75..29d1322a 100644
--- 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>
   );
 }