Refactored sidebar layout to have better control on design; made sidebar sticky

2025-11-14 12:26:40 +13:00
parent 55ad345d1c
commit d657d88e94
2 changed files with 15 additions and 6 deletions
--- a/web/src/layout/Base.astro
+++ b/web/src/layout/Base.astro
@@ -1,5 +1,7 @@
 ---
 import BaseHead from "./BaseHead.astro"
+import Sidebar from "@components/sidebar"
+import Footer from "@components/footer"
 ---

 <html>
@@ -9,8 +11,18 @@ import BaseHead from "./BaseHead.astro"
 </head>

 <body>
-    <main id="main" class="flex-1">
-        <slot />
+    <main id="main" class="flex flex-row">
+        <div class="w-[32%] sticky top-0 py-14 h-screen text-center flex flex-col">
+            <Sidebar>
+                <slot name="sidebar" />
+            </Sidebar>
+            
+            <Footer/>
+        </div>
+        
+        <div class="content-panel">
+            <slot name="content"/>
+        </div>
    </main>
 </body>
 </html>