fix(desktop): space out find-bar buttons and anchor below titlebar
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user