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

tweak(ui): icon button spacing

Browse Source
This commit is contained in:
David Hill
2026-02-17 13:44:59 +00:00
parent 277c68d8e5
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>
)} )}