1 files changed, 20 insertions, 0 deletions
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