feat: add border to switch styles

lukewarlow · lukewarlow · commit 21ef0861ebf6 · 2026-02-01T20:45:17.000Z
diff --git a/app/components/Settings/Toggle.client.vue b/app/components/Settings/Toggle.client.vue
@@ -21,7 +21,7 @@ const checked = defineModel<boolean>({
       {{ label }}
     </span>
     <span
-      class="relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out motion-reduce:transition-none shadow-sm cursor-pointer"
+      class="relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 transition-colors duration-200 ease-in-out motion-reduce:transition-none cursor-pointer"
       :class="checked ? 'bg-accent' : 'bg-bg border border-border'"
       aria-hidden="true"
     >

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ const checked = defineModel<boolean>({`
`21`	`21`	`{{ label }}`
`22`	`22`	`</span>`
`23`	`23`	`<span`
`24`		`- class="relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out motion-reduce:transition-none shadow-sm cursor-pointer"`
	`24`	`+ class="relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 transition-colors duration-200 ease-in-out motion-reduce:transition-none cursor-pointer"`
`25`	`25`	`:class="checked ? 'bg-accent' : 'bg-bg border border-border'"`
`26`	`26`	`aria-hidden="true"`
`27`	`27`	`>`