diff options
Diffstat (limited to 'apps/kit/src/routes/book/+layout.svelte')
| -rw-r--r-- | apps/kit/src/routes/book/+layout.svelte | 27 |
1 files changed, 23 insertions, 4 deletions
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> |