Update app/components/Settings/Toggle.client.vue

abbeyperini · knowler · web-flow · commit d02f0115ed4f · 2026-02-10T20:08:49.000-05:00
Co-authored-by: Nathan Knowler &lt;nathan@knowler.dev&gt;
diff --git a/app/components/Settings/Toggle.client.vue b/app/components/Settings/Toggle.client.vue
@@ -58,7 +58,7 @@ input {
   position: relative;
 }
 
-label:has(input:focus) .toggle--background {
+label:has(input:focus-visible) .toggle--background {
   outline: solid 2px var(--fg);
   outline-offset: 2px;
 }

Original file line number	Diff line number	Diff line change
`@@ -58,7 +58,7 @@ input {`
`58`	`58`	`position: relative;`
`59`	`59`	`}`
`60`	`60`
`61`		`-label:has(input:focus) .toggle--background {`
	`61`	`+label:has(input:focus-visible) .toggle--background {`
`62`	`62`	`outline: solid 2px var(--fg);`
`63`	`63`	`outline-offset: 2px;`
`64`	`64`	`}`