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

…and update balance display
softstack · May 2, 2024 · 8849d47 · 8849d47
1 parent d1bbfe2
commit 8849d47
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -10,7 +10,14 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Vite + React + TS</title>
     </head>
-    <body style="height: 100vh; overflow: hidden">
+    <body
+        style="
+            height: 100vh;
+            overflow: hidden;
+            --tg-viewport-height: 100vh;
+            --tg-viewport-stable-height: 100vh;
+        "
+    >
         <div id="root"></div>
         <script type="module" src="/src/main.tsx"></script>
     </body>

diff --git a/src/App.tsx b/src/App.tsx
@@ -187,7 +187,7 @@ function App() {
 
     return (
         <>
-            <div className="flex flex-col overflow-y-auto overflow-x-hidden min-h-full h-screen rounded-xl bg-customGrayWallet">
+            <div className="flex flex-col overflow-y-auto overflow-x-hidden min-h-full h-screen w-screen rounded-xl bg-customGrayWallet">
                 {view === View.LANDING && (
                     <>
                         <div className="components-container mb-2">