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

…nd update balance display
softstack · May 2, 2024 · f50abdf · f50abdf
1 parent 69b2c88
commit f50abdf
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 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 max-h-screen rounded-xl bg-customGrayWallet">
+            <div className="flex flex-col h-screen w-screen max-h-screen rounded-xl bg-customGrayWallet">
                 {view === View.LANDING && (
                     <>
                         <div className="components-container mb-2">
@@ -213,12 +213,10 @@ function App() {
                                 </div>
                             </div>
                         </div>
-                        <div className="min-h-11">
-                            <PrimaryButton
-                                title="Add to your Home Screen"
-                                callback={skip}
-                            />
-                        </div>
+                        <PrimaryButton
+                            title="Add to your Home Screen"
+                            callback={skip}
+                        />
                     </>
                 )}
                 {view === View.CONNECT && (

diff --git a/src/index.css b/src/index.css
@@ -25,7 +25,7 @@ body {
     display: flex;
     place-items: center;
     min-width: 320px;
-    min-height: 100vh;
+    max-height: 100vh;
 }
 
 .headline {
@@ -40,6 +40,7 @@ body {
     display: flex;
     flex-direction: column;
     width: 100%;
+    height: 100%;
     background-color: #aadaf1;
     border-radius: 12px;
 }