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/components/sidebar.astro
+++ b/web/src/components/sidebar.astro
@@ -3,13 +3,10 @@ import Navbar from "src/components/index/navbar.astro"
 import Footer from "./footer.astro"
 ---

-<div class="w-[32%] py-14 h-screen text-center flex flex-col">
+<div>
    <a href="/" class="b1-no-underline text-4xl">breadone dot net</a>
    <Navbar/>
-    <!-- Lil spacer -->
    <div class="mt-8"/> 

    <slot/>
-
-    <Footer/>
 </div>
--- 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>