ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

tweak(ui): icon button spacing

Browse source
This commit is contained in:
David Hill 2026-02-17 13:44:59 +00:00
commit e273a31e70
1 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

10
packages/app/src/components/session/session-header.tsx
View file

@ -346,7 +346,7 @@ export function SessionHeader() {
<Show when={rightMount()}> <Show when={rightMount()}>
{(mount) => ( {(mount) => (
<Portal mount={mount()}> <Portal mount={mount()}>
<div class="flex items-center gap-3"> <div class="flex items-center gap-2">
<StatusPopover /> <StatusPopover />
<Show when={projectDirectory()}> <Show when={projectDirectory()}>
<div class="hidden xl:flex items-center"> <div class="hidden xl:flex items-center">
@ -552,7 +552,8 @@ export function SessionHeader() {
</Show> </Show>
</div> </div>
</Show> </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 <TooltipKeybind
title={language.t("command.terminal.toggle")} title={language.t("command.terminal.toggle")}
keybind={command.keybind("terminal.toggle")} keybind={command.keybind("terminal.toggle")}
@ -585,7 +586,7 @@ export function SessionHeader() {
</Button> </Button>
</TooltipKeybind> </TooltipKeybind>
</div> </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")}> <TooltipKeybind title={language.t("command.review.toggle")} keybind={command.keybind("review.toggle")}>
<Button <Button
variant="ghost" variant="ghost"
@ -615,7 +616,7 @@ export function SessionHeader() {
</Button> </Button>
</TooltipKeybind> </TooltipKeybind>
</div> </div>
<div class="hidden md:block shrink-0"> <div class="hidden md:block shrink-0">
<div <div
aria-hidden={!view().reviewPanel.opened()} aria-hidden={!view().reviewPanel.opened()}
class="overflow-hidden transition-[width,margin-left] duration-200 ease-out motion-reduce:transition-none" 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> </div>
</div>
</div> </div>
</Portal> </Portal>
)} )}