fix: footer at the bottom of the screen (#368)

HathorNetwork · Dec 30, 2024 · 8176652 · 8176652
1 parent 1cd37b9
commit 8176652
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/App.js b/src/App.js
@@ -51,10 +51,18 @@ const NavigationRoute = ({ internalScreen: InternalScreen }) => {
   const newUiEnabled = useNewUiEnabled();
 
   return (
-    <div>
+    <div
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        minHeight: '100%',
+      }}
+    >
       <Navigation />
-      <InternalScreen />
-      {newUiEnabled ? <Footer /> : ''}
+      <div style={{ flex: 1 }}>
+        <InternalScreen />
+      </div>
+      {newUiEnabled && <Footer />}
     </div>
   );
 };

diff --git a/src/newUi.scss b/src/newUi.scss
@@ -132,7 +132,7 @@ body {
 }
 
 .footer-container {
-  width: 1, 440px;
+  width: 100%;
   height: 220px;
   border-top: 1px solid var(--border-color);
   display: flex;