diff options
| author | Adam Malczewski <[email protected]> | 2026-05-20 15:46:40 +0900 |
|---|---|---|
| committer | Adam Malczewski <[email protected]> | 2026-05-20 15:46:40 +0900 |
| commit | f05099d450748cc7508f8cbde4e6539db2105f6d (patch) | |
| tree | 0c19309c110972628ba62d9f41a83978df70e7bb | |
| parent | 971a8f775d5e89e484e56a575e8ae2706fe2b53f (diff) | |
| download | dispatch-f05099d450748cc7508f8cbde4e6539db2105f6d.tar.gz dispatch-f05099d450748cc7508f8cbde4e6539db2105f6d.zip | |
fix: sidebar uses flex-1 min-h-0 for reliable scrolling instead of absolute inset-0
| -rw-r--r-- | packages/frontend/src/App.svelte | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/packages/frontend/src/App.svelte b/packages/frontend/src/App.svelte index 43fcc5d..b221d61 100644 --- a/packages/frontend/src/App.svelte +++ b/packages/frontend/src/App.svelte @@ -92,12 +92,12 @@ onMount(() => { <!-- Right sidebar — slides in/out while chat smoothly resizes --> <div - class="shrink-0 overflow-x-hidden transition-[width] duration-300 ease-out relative" + class="shrink-0 overflow-x-hidden flex flex-col transition-[width] duration-300 ease-out relative" class:w-80={sidebarOpen} class:w-0={!sidebarOpen} > <div - class="w-80 absolute inset-0 overflow-y-auto bg-base-100 border-l border-base-300 px-2 py-2 flex flex-col gap-2 transition-transform duration-300 ease-out" + class="w-80 flex-1 min-h-0 overflow-y-auto bg-base-100 border-l border-base-300 px-2 py-2 flex flex-col gap-2 transition-transform duration-300 ease-out" style="transform: translateX({sidebarOpen ? '0' : '100%'})" > <div class="collapse collapse-arrow bg-base-200"> |