feat: nav minimal variant

ADOFAI-gg · Dec 11, 2024 · ffebc6f · ffebc6f
1 parent 72fe24a
commit ffebc6f
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 21 deletions.
diff --git a/src/lib/components/nav/Nav.svelte b/src/lib/components/nav/Nav.svelte
@@ -8,9 +8,10 @@
 
 	interface Props {
 		user: User | null
+		minimal?: boolean
 	}
 
-	const { user }: Props = $props()
+	const { user, minimal }: Props = $props()
 
 	// export let user: User | null
 
@@ -42,27 +43,29 @@
 
 			<div class="spacer"></div>
 
-			{#if user}
-				<NavUserArea {user} />
-			{:else}
-				<NavSignArea />
+			{#if !minimal}
+				{#if user}
+					<NavUserArea {user} />
+				{:else}
+					<NavSignArea />
+				{/if}
+
+				<div class="menu-button">
+					<IconButton>
+						<svg
+							width="24"
+							height="25"
+							viewBox="0 0 24 24"
+							fill="none"
+							xmlns="http://www.w3.org/2000/svg"
+						>
+							<path d="M5 6.5H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
+							<path d="M5 12.5H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
+							<path d="M5 18.5H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
+						</svg>
+					</IconButton>
+				</div>
 			{/if}
-
-			<div class="menu-button">
-				<IconButton>
-					<svg
-						width="24"
-						height="25"
-						viewBox="0 0 24 24"
-						fill="none"
-						xmlns="http://www.w3.org/2000/svg"
-					>
-						<path d="M5 6.5H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
-						<path d="M5 12.5H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
-						<path d="M5 18.5H19" stroke="currentColor" stroke-width="2" stroke-linecap="round" />
-					</svg>
-				</IconButton>
-			</div>
 		</div>
 	</Container>
 </nav>

diff --git a/src/stories/nav/Nav.stories.ts b/src/stories/nav/Nav.stories.ts
@@ -28,3 +28,9 @@ export const SignedInAsAdmin: Story = {
 		user: dummyAdminUser
 	}
 }
+
+export const Minimal: Story = {
+	args: {
+		minimal: true
+	}
+}