fix: footer now sticks to the bottom of the page

WLHackClub · Jul 25, 2024 · 992b163 · 992b163
1 parent 0af3b47
commit 992b163
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 15 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -19,8 +19,8 @@
     {% seo title=false %}
   </head>
 
-  <body>
-    <header class="site-header sticky-top">
+  <body class="d-flex flex-column min-vh-100">
+    <header>
       <nav class="navbar bg-body-tertiary navbar-expand-lg sticky-top p-1">
         <a class="navbar-brand px-2 text-primary" href="{{ site.url }}">
           <img src="/assets/icon.svg" alt="WL Hack Club Logo" height="36px">
@@ -66,11 +66,11 @@ <h5 class="modal-title">Brightness Slider</h5>
       </div>
     </div>
 
-    <main class="page-wrapper m-4">
+    <main class="container p-4">
       {{ content }}
     </main>
 
-    <footer class="footer-format bg-body-tertiary">
+    <footer class="footer mt-auto bg-body-tertiary">
       <div class="container py-5 col-12 col-md">
         <img src="/assets/icon.svg" alt="WL Hack Club Logo" height="64px">
         <span class="text-muted float-end">

diff --git a/stylesheets/default.css b/stylesheets/default.css
@@ -1,14 +1,3 @@
-.footer-format {
-    position: relative;
-    bottom: 0;
-    width: 100%;
-}
-
-.page-wrapper {
-    display: flex;
-    min-height: 63.5vh;
-}
-
 .bi {
     vertical-align: 0.125em;
 }