LumeWeb
/
web3browser.io
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Browser.tsx
View File

@ -179,14 +179,14 @@ export function Navigator() {
if (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
ref={inputEl}
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"
/>
<Button disabled={!ready} className="rounded-r-full">
<Button disabled={!ready} className="rounded-r-full focus-visible:ring-offset-0">
Navigate
<Arrow />
</Button>