diff options
| author | Adam Malczewski <[email protected]> | 2026-06-27 16:23:33 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-06-27 16:23:33 +0900 |
| commit | 6b240305f1f04874a83d6b2005db0d63c2ef237b (patch) | |
| tree | dbdbfa6d20beb4a7b29d61bbc6b7c74bf1c251c5 /src | |
| parent | df4d50be9ace76ec76c0c6c76c766bd220df9c7b (diff) | |
| download | dispatch-web-6b240305f1f04874a83d6b2005db0d63c2ef237b.tar.gz dispatch-web-6b240305f1f04874a83d6b2005db0d63c2ef237b.zip | |
feat(sidebar-tabs): replace hamburger with directional double-chevron toggle
Diffstat (limited to 'src')
| -rw-r--r-- | src/app/App.svelte | 22 |
1 files changed, 16 insertions, 6 deletions
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> |