style: address bar focus outline accent

2024-09-02 01:09:49 +02:00 · 2024-09-02 01:09:49 +02:00 · f09b2ad499
commit f09b2ad499
parent e717f20ff3
1 changed files with 6 additions and 0 deletions
--- a/src/components/SimpleAddressBar.astro
+++ b/src/components/SimpleAddressBar.astro
@ -42,6 +42,12 @@ const { url } = Astro.props;
    position: relative;
  }

+  form:has(
+    input[type="url"]:focus
+  ) {
+     border-color: var(--accent);
+  }
+
  form {
    width: 100%;
    padding: 0.15rem 1rem;