From 6aac19870a03409e538b049c82efc9d5260ee444 Mon Sep 17 00:00:00 2001
From: Yuri Tatishchev <itatishch@gmail.com>
Date: Fri, 6 Feb 2026 04:13:40 -0800
Subject: [PATCH] navbar

---
 src/routes/+layout.svelte | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ae53273..c7e0ed5 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -16,8 +16,23 @@
 	- Mobile/tablet: single column, player renders client-only (mobile bar/drawer)
 	- Desktop: 2-column grid, right column reserved for the in-flow player sidebar
 -->
-<div class="min-h-dvh lg:grid gap-16 lg:grid-cols-[1fr_420px]">
-	<main>
+<div
+	class="min-h-dvh lg:grid lg:grid-rows-[auto_1fr] gap-16 lg:grid-cols-[1fr_420px]"
+>
+	<header
+		class="sticky top-0 z-40 border-b bg-background/80 backdrop-blur lg:col-span-2"
+	>
+		<div class="mx-auto flex h-14 max-w-6xl items-center justify-between px-4">
+			<a href="/" class="font-semibold tracking-tight">AMQ Train</a>
+
+			<nav class="flex items-center gap-2 text-sm">
+				<a href="/" class="rounded-md px-3 py-2 hover:bg-muted">Anime</a>
+				<a href="/list" class="rounded-md px-3 py-2 hover:bg-muted">Lists</a>
+			</nav>
+		</div>
+	</header>
+
+	<main class="min-w-[60dvh]">
 		{@render children()}
 	</main>