monadical/opencode
13
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

tui: fix session tab alignment in compact view to prevent vertical overflow

Browse Source
This commit is contained in:
David Hill
2026-02-26 22:53:01 +00:00
parent 9736fce8fc
commit c95febb1d5
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/app/src/components/session/session-sortable-tab.tsx
View File

@@ -37,8 +37,8 @@ export function SortableTab(props: { tab: string; onTabClose: (tab: string) => v
return <FileVisual path={value} /> return <FileVisual path={value} />
}) })
return ( return (
<div use:sortable classList={{ "h-full": true, "opacity-0": sortable.isActiveDraggable }}> <div use:sortable class="h-full flex items-center" classList={{ "opacity-0": sortable.isActiveDraggable }}>
<div class="relative h-full"> <div class="relative">
<Tabs.Trigger <Tabs.Trigger
value={props.tab} value={props.tab}
closeButton={ closeButton={

2
packages/ui/src/components/tabs.css
View File

@@ -171,7 +171,7 @@
[data-slot="tabs-trigger-wrapper"] { [data-slot="tabs-trigger-wrapper"] {
height: var(--tabs-compact-pill-height); 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; max-width: 320px;
padding-inline: var(--tabs-compact-pill-padding-x); padding-inline: var(--tabs-compact-pill-padding-x);
box-sizing: border-box; box-sizing: border-box;