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 | 7bcc07d36f59772b4cdb72a4cf563409923b360f (patch) | |
| tree | 5c9074f77365bfc611ae652812279654151b1b7a /src/app/App.svelte | |
| parent | b600506747b24029d1f3f292199f224fd1b64980 (diff) | |
| download | dispatch-web-7bcc07d36f59772b4cdb72a4cf563409923b360f.tar.gz dispatch-web-7bcc07d36f59772b4cdb72a4cf563409923b360f.zip | |
feat(sidebar-tabs): replace hamburger with directional double-chevron toggle
Diffstat (limited to 'src/app/App.svelte')
| -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> |