fix(desktop): space out find-bar buttons and anchor below titlebar

This commit is contained in:
tyfpro
2026-08-13 17:23:06 +08:00
committed by Teknium
parent fc8ebff6d8
commit d059239aa4
+7 -7
View File
@@ -166,7 +166,7 @@ export function FindBar() {
// inside the titlebar strip, underneath the native min/max/close
// window-controls overlay on Windows/Linux.
'pointer-events-auto fixed right-4 top-[calc(var(--titlebar-height,34px)+0.5rem)] z-50',
'flex items-center gap-1 rounded-lg border border-(--ui-stroke-tertiary) bg-(--ui-surface-background) px-2 py-1 shadow-md'
'flex items-center gap-2 rounded-lg border border-(--ui-stroke-tertiary) bg-(--ui-surface-background) px-2 py-1.5 shadow-md'
)}
role="search"
>
@@ -190,11 +190,11 @@ export function FindBar() {
<Tip label={t.findInPage.previous}>
<button
aria-label={t.findInPage.previous}
className="flex h-5 w-5 items-center justify-center rounded text-(--ui-text-secondary) hover:bg-(--ui-control-hover-background)"
className="flex h-7 w-7 items-center justify-center rounded text-(--ui-text-secondary) hover:bg-(--ui-control-hover-background)"
onClick={findPrevious}
type="button"
>
<svg height="12" viewBox="0 0 16 16" width="12">
<svg height="14" viewBox="0 0 16 16" width="14">
<path d="M4 10l4-4 4 4" fill="none" stroke="currentColor" strokeWidth="1.5" />
</svg>
</button>
@@ -203,11 +203,11 @@ export function FindBar() {
<Tip label={t.findInPage.next}>
<button
aria-label={t.findInPage.next}
className="flex h-5 w-5 items-center justify-center rounded text-(--ui-text-secondary) hover:bg-(--ui-control-hover-background)"
className="flex h-7 w-7 items-center justify-center rounded text-(--ui-text-secondary) hover:bg-(--ui-control-hover-background)"
onClick={findNext}
type="button"
>
<svg height="12" viewBox="0 0 16 16" width="12">
<svg height="14" viewBox="0 0 16 16" width="14">
<path d="M4 6l4 4 4-4" fill="none" stroke="currentColor" strokeWidth="1.5" />
</svg>
</button>
@@ -215,11 +215,11 @@ export function FindBar() {
<button
aria-label={t.common.close}
className="flex h-5 w-5 items-center justify-center rounded text-(--ui-text-secondary) hover:bg-(--ui-control-hover-background)"
className="flex h-7 w-7 items-center justify-center rounded text-(--ui-text-secondary) hover:bg-(--ui-control-hover-background)"
onClick={closeFindBar}
type="button"
>
<svg height="10" viewBox="0 0 12 12" width="10">
<svg height="12" viewBox="0 0 12 12" width="12">
<path d="M1 1l10 10M11 1L1 11" stroke="currentColor" strokeWidth="1.5" />
</svg>
</button>