Refactor UI layout in App.tsx and index.css, and fix flex layout issue

softstack · May 2, 2024 · 69b2c88 · 69b2c88
1 parent 7226393
commit 69b2c88
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -187,7 +187,7 @@ function App() {
 
     return (
         <>
-            <div className="flex flex-col overflow-hidden h-screen w-screen rounded-xl bg-customGrayWallet">
+            <div className="flex flex-col overflow-hidden h-screen w-screen max-h-screen rounded-xl bg-customGrayWallet">
                 {view === View.LANDING && (
                     <>
                         <div className="components-container mb-2">
@@ -213,10 +213,12 @@ function App() {
                                 </div>
                             </div>
                         </div>
-                        <PrimaryButton
-                            title="Add to your Home Screen"
-                            callback={skip}
-                        />
+                        <div className="min-h-11">
+                            <PrimaryButton
+                                title="Add to your Home Screen"
+                                callback={skip}
+                            />
+                        </div>
                     </>
                 )}
                 {view === View.CONNECT && (

diff --git a/src/index.css b/src/index.css
@@ -38,7 +38,6 @@ body {
 
 .components-container {
     display: flex;
-    /* flex-grow: 1; */
     flex-direction: column;
     width: 100%;
     background-color: #aadaf1;