Move footer to the bottom of page

oasisprotocol · Jul 6, 2024 · 2db5077 · 2db5077
1 parent b402e92
commit 2db5077
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/app/components/Footer/__tests__/__snapshots__/index.test.tsx.snap b/src/app/components/Footer/__tests__/__snapshots__/index.test.tsx.snap
@@ -8,6 +8,7 @@ exports[`<Footer /> should render mobile version of footer 1`] = `
   display: flex;
   box-sizing: border-box;
   max-width: 100%;
+  margin-top: auto;
   margin-bottom: 0px;
   -webkit-align-items: center;
   -webkit-box-align: center;
@@ -102,6 +103,12 @@ exports[`<Footer /> should render mobile version of footer 1`] = `
   text-align: center;
 }
 
+@media only screen and (max-width:768px) {
+  .c0 {
+    margin-top: auto;
+  }
+}
+
 @media only screen and (max-width:768px) {
   .c0 {
     margin-bottom: 0px;

diff --git a/src/app/components/Footer/index.tsx b/src/app/components/Footer/index.tsx
@@ -43,6 +43,7 @@ export const Footer = memo(() => {
       }}
       margin={{
         bottom: (isMobileOrTablet && !walletHasAccounts) || !isMobileOrTablet ? 'medium' : 'none',
+        top: 'auto',
       }}
       data-testid="footer"
       gap={isMobileOrTablet ? '0' : '20px'}