diff options
| -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; |