Merge pull request #18 from dabigjoe6/update-footer

Fix footer when subscription list is longer than screen height
dabigjoe6 · Aug 27, 2023 · cea155c · cea155c
2 parents 7e8a5b7 + bac0d08
commit cea155c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
@@ -13,9 +13,7 @@ const Container = styled.div`
   flex-direction: column;
   align-items: center;
   margin-top: 15px;
-  margin-bottom: 15px;
-  position: relative;
-  bottom: 5rem;
+  margin-bottom: 25px;
 `;
 
 

diff --git a/src/components/layout.tsx b/src/components/layout.tsx
@@ -10,7 +10,7 @@ const Layout = () => {
     display: flex;
     align-items: center;
     justify-content: center;
-    min-height: 100vh;
+    height: min-content;
     width: 100vw;
   `;
   return (

diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx
@@ -23,11 +23,13 @@ const Container = styled.div`
   justify-content: space-between;
   flex-direction: column;
   min-height: 100vh;
+  height: min-content;
   box-sizing: border-box;
 `;
 
 const SubscriptionsContainer = styled.div`
-  height: 100vh;
+  height: min-content;
+  min-height: 80vh;
   padding-top: 40px;
   width: 100vw;
   max-width: 500px;