summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorAdam Malczewski <[email protected]>2026-10-21 20:53:41 +0900
committerAdam Malczewski <[email protected]>2026-10-21 20:53:41 +0900
commit98f0494e46d09aa7799fa3018705d39ae04ea4eb (patch)
treecff55b1c3a28498a6a12e1fa76e84849298d95f8
parentb363753dca1e631615156ad572353ca2a2391e34 (diff)
downloaddispatch-web-98f0494e46d09aa7799fa3018705d39ae04ea4eb.tar.gz
dispatch-web-98f0494e46d09aa7799fa3018705d39ae04ea4eb.zip
feat(tabs): raise the tab grid height to 70vh
-rw-r--r--src/features/tabs/ui.test.ts4
-rw-r--r--src/features/tabs/ui/TabList.svelte4
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)}