From 7bcc07d36f59772b4cdb72a4cf563409923b360f Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Sat, 27 Jun 2026 16:23:33 +0900
Subject: feat(sidebar-tabs): replace hamburger with directional double-chevron
 toggle

---
 src/app/App.svelte | 22 ++++++++++++++++------
 1 file changed, 16 insertions(+), 6 deletions(-)

(limited to 'src/app')

diff --git a/src/app/App.svelte b/src/app/App.svelte
index b52c414..290f27b 100644
--- a/src/app/App.svelte
+++ b/src/app/App.svelte
@@ -453,7 +453,7 @@
 			</span>
 			<button
 				class="btn btn-square btn-ghost btn-sm mx-1 shrink-0"
-				aria-label="Toggle sidebar"
+				aria-label={sidebarOpen ? "Close sidebar" : "Open sidebar"}
 				aria-expanded={sidebarOpen}
 				onclick={() => (sidebarOpen = !sidebarOpen)}
 			>
@@ -466,11 +466,21 @@
 					class="size-5"
 					aria-hidden="true"
 				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						d="M3.75 6.75h16.5M3.75 12h16.5M3.75 17.25h16.5"
-					/>
+					{#if sidebarOpen}
+						<!-- Sidebar open → chevrons point right -->
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							d="m11.25 4.5 7.5 7.5-7.5 7.5m-7.5-15 7.5 7.5-7.5 7.5"
+						/>
+					{:else}
+						<!-- Sidebar closed → chevrons point left -->
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							d="M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5"
+						/>
+					{/if}
 				</svg>
 			</button>
 		</div>
-- 
cgit v1.2.3