diff options
| -rw-r--r-- | packages/app/src/components/session/session-header.tsx | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/packages/app/src/components/session/session-header.tsx b/packages/app/src/components/session/session-header.tsx index 62d29c9e3..4ba5413df 100644 --- a/packages/app/src/components/session/session-header.tsx +++ b/packages/app/src/components/session/session-header.tsx @@ -54,14 +54,17 @@ export function SessionHeader() { <Portal mount={mount()}> <button type="button" - class="hidden md:flex w-[320px] h-7 px-1.5 items-center gap-2 rounded-md border border-border-weak-base bg-surface-raised-base transition-colors cursor-default hover:bg-surface-raised-base-hover focus:bg-surface-raised-base-hover active:bg-surface-raised-base-active" + class="hidden md:flex w-[320px] h-8 p-1.5 items-center gap-2 justify-between rounded-md border border-border-weak-base bg-surface-raised-base transition-colors cursor-default hover:bg-surface-raised-base-hover focus:bg-surface-raised-base-hover active:bg-surface-raised-base-active" onClick={() => command.trigger("file.open")} > - <Icon name="magnifying-glass" size="small" class="text-text-weak" /> - <span class="flex-1 min-w-0 text-14-regular text-text-weak truncate">Search {name()}</span> + <div class="flex items-center gap-2"> + <Icon name="magnifying-glass" size="normal" class="icon-base" /> + <span class="flex-1 min-w-0 text-14-regular text-text-weak truncate">Search {name()}</span> + </div> + <Show when={hotkey()}> {(keybind) => ( - <span class="shrink-0 flex items-center justify-center h-5 px-2 rounded-md border border-border-weak-base bg-surface-base text-12-medium text-text-weak"> + <span class="shrink-0 flex items-center justify-center h-5 px-2 rounded-[2px] border border-border-weak-base bg-surface-base text-12-medium text-text-weak"> {keybind()} </span> )} |