diff options
| author | David Hill <[email protected]> | 2026-02-17 13:44:59 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-02-17 13:44:59 +0000 |
| commit | e273a31e70741f48dbc316145c568306dfd09624 (patch) | |
| tree | e197473e11a37222f4e45e986a5b37c25c4ea11f | |
| parent | 277c68d8e5f95b57d44e00ea180c359ada56bd3c (diff) | |
| download | opencode-e273a31e70741f48dbc316145c568306dfd09624.tar.gz opencode-e273a31e70741f48dbc316145c568306dfd09624.zip | |
tweak(ui): icon button spacing
| -rw-r--r-- | packages/app/src/components/session/session-header.tsx | 10 |
1 files changed, 6 insertions, 4 deletions
diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx index 8bbe59e38..614349c46 100644 --- a/packages/app/src/components/session/session-header.tsx +++ b/packages/app/src/components/session/session-header.tsx @@ -346,7 +346,7 @@ export function SessionHeader() { <Show when={rightMount()}> {(mount) => ( <Portal mount={mount()}> - <div class="flex items-center gap-3"> + <div class="flex items-center gap-2"> <StatusPopover /> <Show when={projectDirectory()}> <div class="hidden xl:flex items-center"> @@ -552,7 +552,8 @@ export function SessionHeader() { </Show> </div> </Show> - <div class="hidden md:flex items-center gap-3 ml-2 shrink-0"> + <div class="flex items-center gap-1"> + <div class="hidden md:flex items-center gap-3 shrink-0"> <TooltipKeybind title={language.t("command.terminal.toggle")} keybind={command.keybind("terminal.toggle")} @@ -585,7 +586,7 @@ export function SessionHeader() { </Button> </TooltipKeybind> </div> - <div class="hidden md:block shrink-0"> + <div class="hidden md:block shrink-0"> <TooltipKeybind title={language.t("command.review.toggle")} keybind={command.keybind("review.toggle")}> <Button variant="ghost" @@ -615,7 +616,7 @@ export function SessionHeader() { </Button> </TooltipKeybind> </div> - <div class="hidden md:block shrink-0"> + <div class="hidden md:block shrink-0"> <div aria-hidden={!view().reviewPanel.opened()} class="overflow-hidden transition-[width,margin-left] duration-200 ease-out motion-reduce:transition-none" @@ -660,6 +661,7 @@ export function SessionHeader() { </div> </div> </div> + </div> </div> </Portal> )} |