diff options
| -rw-r--r-- | src/features/tabs/ui.test.ts | 4 | ||||
| -rw-r--r-- | src/features/tabs/ui/TabList.svelte | 4 |
2 files changed, 4 insertions, 4 deletions
diff --git a/src/features/tabs/ui.test.ts b/src/features/tabs/ui.test.ts index 743b98d..408ec6e 100644 --- a/src/features/tabs/ui.test.ts +++ b/src/features/tabs/ui.test.ts @@ -186,7 +186,7 @@ describe("TabList", () => { } }); - it("fixes the tab grid region at 40vh so a long set scrolls internally", () => { + it("fixes the tab grid region at 70vh so a long set scrolls internally", () => { render(TabList, { props: { tabs: sampleTabs, @@ -199,7 +199,7 @@ describe("TabList", () => { const tabs = screen.getAllByRole("tab"); const region = tabs[0]?.parentElement?.parentElement; - expect(region).toHaveClass("h-[40vh]"); + expect(region).toHaveClass("h-[70vh]"); expect(region).toHaveClass("overflow-y-auto"); }); diff --git a/src/features/tabs/ui/TabList.svelte b/src/features/tabs/ui/TabList.svelte index 5bfabf6..dfefc9a 100644 --- a/src/features/tabs/ui/TabList.svelte +++ b/src/features/tabs/ui/TabList.svelte @@ -107,13 +107,13 @@ {/snippet} <div class="flex flex-col gap-2"> - <!-- 2-column grid of same-size tab cards, fixed at 40% of the viewport height + <!-- 2-column grid of same-size tab cards, fixed at 70% of the viewport height so a long tab set scrolls inside this region instead of growing the sidebar. Subagent groups span both columns; `dense` lets a later card fill the half-row a group would otherwise leave empty. --> <div bind:this={scrollerEl} - class="relative h-[40vh] overflow-y-auto py-0.5" + class="relative h-[70vh] overflow-y-auto py-0.5" style:padding-inline="{gutter}px" data-tab-grid onscroll={() => (menu = null)} |