Add mobile navbar fixes

CarletonComputerScienceSociety · Aug 4, 2024 · 3ace10b · 3ace10b
1 parent cff1b1b
commit 3ace10b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/src/components/Page/Page.scss b/src/components/Page/Page.scss
@@ -9,4 +9,8 @@ $layout-width-inner-spacing-base: 1rem;
     $layout-width-primary-max + $layout-width-secondary-max +
       $layout-width-inner-spacing-base
   );
+
+  @media (max-width: 768px) {
+    padding-bottom: 5rem;
+  }
 }
diff --git a/src/components/Sidebar/Sidebar.astro b/src/components/Sidebar/Sidebar.astro
@@ -90,6 +90,14 @@ const endSections = [
 
 <div class="Sidebar__mobile">
   <div class="Sidebar__mobile__inner">
+    <a href={"/"}>
+      <div class={`Sidebar__item`}>
+        <div class="Sidebar__item__icon">
+          <i class={"mdi mdi-school"}></i>
+        </div>
+        <div class="Sidebar__item__title">{"COMP 2804"}</div>
+      </div>
+    </a>
     {
       sections
         .filter((section) => !section.disabled)
@@ -105,5 +113,13 @@ const endSections = [
           </a>
         ))
     }
+    <a href={"/about"}>
+      <div class={`Sidebar__item`}>
+        <div class="Sidebar__item__icon">
+          <i class={"mdi mdi-newspaper-variant-outline"}></i>
+        </div>
+        <div class="Sidebar__item__title">{"About"}</div>
+      </div>
+    </a>
   </div>
 </div>