diff options
| author | David Hill <[email protected]> | 2026-02-26 22:53:01 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-02-26 22:54:49 +0000 |
| commit | c95febb1d5c0a4533810ae94e61bd84c4ac345bc (patch) | |
| tree | ed92ef67b619f8029219ff6df4560691fd535a85 /packages | |
| parent | 9736fce8fcede6947bc05736b4ff383404e389a2 (diff) | |
| download | opencode-c95febb1d5c0a4533810ae94e61bd84c4ac345bc.tar.gz opencode-c95febb1d5c0a4533810ae94e61bd84c4ac345bc.zip | |
tui: fix session tab alignment in compact view to prevent vertical overflow
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/app/src/components/session/session-sortable-tab.tsx | 4 | ||||
| -rw-r--r-- | packages/ui/src/components/tabs.css | 2 |
2 files changed, 3 insertions, 3 deletions
diff --git a/packages/app/src/components/session/session-sortable-tab.tsx b/packages/app/src/components/session/session-sortable-tab.tsx index c1e2da712..a304df2ed 100644 --- a/packages/app/src/components/session/session-sortable-tab.tsx +++ b/packages/app/src/components/session/session-sortable-tab.tsx @@ -37,8 +37,8 @@ export function SortableTab(props: { tab: string; onTabClose: (tab: string) => v return <FileVisual path={value} /> }) return ( - <div use:sortable classList={{ "h-full": true, "opacity-0": sortable.isActiveDraggable }}> - <div class="relative h-full"> + <div use:sortable class="h-full flex items-center" classList={{ "opacity-0": sortable.isActiveDraggable }}> + <div class="relative"> <Tabs.Trigger value={props.tab} closeButton={ diff --git a/packages/ui/src/components/tabs.css b/packages/ui/src/components/tabs.css index 43b74cf33..23de4ee05 100644 --- a/packages/ui/src/components/tabs.css +++ b/packages/ui/src/components/tabs.css @@ -171,7 +171,7 @@ [data-slot="tabs-trigger-wrapper"] { height: var(--tabs-compact-pill-height); - margin-block: calc((var(--tabs-bar-height) - var(--tabs-compact-pill-height)) / 2); + margin-block: 0; max-width: 320px; padding-inline: var(--tabs-compact-pill-padding-x); box-sizing: border-box; |