From b43535cf567050e3a80ceff6dbcb4e75c7a55a5d Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Wed, 28 Sep 2022 23:05:43 +0800
Subject: refactor: Freshen up /book

---
 apps/kit/src/routes/book/+layout.svelte | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

(limited to 'apps/kit/src/routes/book/+layout.svelte')

diff --git a/apps/kit/src/routes/book/+layout.svelte b/apps/kit/src/routes/book/+layout.svelte
index 02d03b6..aeed0d4 100644
--- a/apps/kit/src/routes/book/+layout.svelte
+++ b/apps/kit/src/routes/book/+layout.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div id="wrapper">
-    <nav class="flex flex-col">
+    <nav>
         <a
             href="/book/alerts"
             class="link"
@@ -23,23 +23,42 @@
             class:active={$page.url.pathname.startsWith("/book/toggles")}
             >Toggles</a
         >
+        <a
+            href="/book/inputs"
+            class="link"
+            class:active={$page.url.pathname.startsWith("/book/inputs")}
+            >Inputs</a
+        >
     </nav>
     <main>
         <slot />
     </main>
 </div>
 
-<style>
+<style global lang="postcss">
     #wrapper {
         display: flex;
         flex-direction: row;
     }
     nav {
-        min-width: 280px;
+        min-width: 120px;
         padding: 10px;
+        display: flex;
+        flex-direction: column;
+        position: sticky;
+        position: -webkit-sticky;
+        top: 0;
+        height: fit-content;
     }
     main {
         width: 100%;
-        padding: 5px;
+        padding: 10px;
+    }
+    section {
+        margin-bottom: 25px;
+
+        h2 {
+            margin-bottom: 5px;
+        }
     }
 </style>
-- 
cgit v1.3