fix: focus ring

This commit is contained in:
Juan Di Toro 2023-10-20 11:16:38 +02:00
parent 5f97cddbbc
commit 199502e20b
1 changed files with 3 additions and 3 deletions

View File

@ -179,14 +179,14 @@ export function Navigator() {
if (inputValue) { if (inputValue) {
browse(inputValue) browse(inputValue)
} }
}} className="relative h-full w-full rounded-full bg-neutral-800 border border-neutral-700 flex items-center [>input:focus]:ring-2 [>input:focus]:ring-white"> }} className="relative h-full w-full rounded-full bg-neutral-800 border border-neutral-700 flex items-center [&>input:focus]:ring-2 [&>input:focus]:ring-primary [&>input:focus+button]:ring-2 [&>input:focus+button]:ring-primary">
<NavInput <NavInput
ref={inputEl} ref={inputEl}
disabled={!ready} disabled={!ready}
className="rounded-l-full border-none focus-visible:ring-primary focus-visible:ring-offset-0" className="rounded-l-full border-none focus-visible:ring-offset-0"
name="url" name="url"
/> />
<Button disabled={!ready} className="rounded-r-full"> <Button disabled={!ready} className="rounded-r-full focus-visible:ring-offset-0">
Navigate Navigate
<Arrow /> <Arrow />
</Button> </Button>