From 740f43e2bac7b1eee919351694905fecf9291943 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Sun, 21 Aug 2022 16:56:11 +0200
Subject: feat: Before tailwind

---
 apps/projects/src/app/pages/nav/nav-wrapper.svelte | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 apps/projects/src/app/pages/nav/nav-wrapper.svelte

(limited to 'apps/projects/src/app/pages/nav/nav-wrapper.svelte')

diff --git a/apps/projects/src/app/pages/nav/nav-wrapper.svelte b/apps/projects/src/app/pages/nav/nav-wrapper.svelte
new file mode 100644
index 0000000..8321544
--- /dev/null
+++ b/apps/projects/src/app/pages/nav/nav-wrapper.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+    import {random_string} from "$shared/lib/helpers";
+
+    export let id = "nav__" + random_string(4);
+    const staticClasses = "position-relative z-index-2 bg width-100% max-width-xxxxs shadow-sm"
+</script>
+<div class="flex@md">
+    <aside id="{id}" class="sidebar sidebar--static@md {staticClasses}">
+        <div class="sidebar__panel">
+            <div class="position-relative z-index-1">
+                <nav class="sidenav-v4 padding-xs">
+                    <slot name="navigation-items"></slot>
+                </nav>
+            </div>
+        </div>
+    </aside>
+    <main class="container max-width-xl position-relative z-index-1 flex-grow min-height-100vh position-sticky@md top-0@md height-100vh@md overflow-auto@m">
+        <slot name="main-content"></slot>
+    </main>
+</div>
\ No newline at end of file
-- 
cgit v1.3

