Elgato_dark/orca
1
0
Fork 0
mirror of https://github.com/stablyai/orca synced 2026-04-21 14:17:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix: improve new-tab button spacing and dropdown alignment (#708)

Browse source 
Increase gap between last tab and the "+" button (ml-0.5 → ml-2),
add more vertical padding to dropdown menu items (py-0.5 → py-1.5),
and align dropdown to open rightward (align end → start).
This commit is contained in:
Jinjing 2026-04-16 00:39:55 -07:00 committed by GitHub
parent 35e0c9811d
commit a928d56a50
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/renderer/src/components/tab-bar/TabBar.tsx
View file

@ -294,7 +294,7 @@ function TabBarInner({
<DropdownMenu>
<DropdownMenuTrigger asChild>
<button
className="ml-0.5 my-auto flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/50 hover:text-foreground"
className="ml-2 my-auto flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent/50 hover:text-foreground"
style={{ WebkitAppRegion: 'no-drag' } as React.CSSProperties}
title="New tab"
>
@ -302,7 +302,7 @@ function TabBarInner({
</button>
</DropdownMenuTrigger>
<DropdownMenuContent
align="end"
align="start"
sideOffset={6}
className="min-w-[11rem] rounded-[11px] border-border/80 p-1 shadow-[0_16px_36px_rgba(0,0,0,0.24)]"
onCloseAutoFocus={(e) => {
@ -321,7 +321,7 @@ function TabBarInner({
focusTerminalTabSurface(newActiveTabId)
}
}}
className="gap-2 rounded-[7px] px-2 py-0.5 text-[12px] leading-5 font-medium"
className="gap-2 rounded-[7px] px-2 py-1.5 text-[12px] leading-5 font-medium"
>
<TerminalSquare className="size-4 text-muted-foreground" />
New Terminal
@ -329,7 +329,7 @@ function TabBarInner({
</DropdownMenuItem>
<DropdownMenuItem
onSelect={onNewBrowserTab}
className="gap-2 rounded-[7px] px-2 py-0.5 text-[12px] leading-5 font-medium"
className="gap-2 rounded-[7px] px-2 py-1.5 text-[12px] leading-5 font-medium"
>
<Globe className="size-4 text-muted-foreground" />
New Browser Tab
@ -338,7 +338,7 @@ function TabBarInner({
{onNewFileTab && (
<DropdownMenuItem
onSelect={onNewFileTab}
className="gap-2 rounded-[7px] px-2 py-0.5 text-[12px] leading-5 font-medium"
className="gap-2 rounded-[7px] px-2 py-1.5 text-[12px] leading-5 font-medium"
>
<FilePlus className="size-4 text-muted-foreground" />
New Markdown