re-add border-transparent for when checked

lukewarlow · lukewarlow · commit 16e3fd8c539d · 2026-02-01T21:50:09.000Z
diff --git a/app/components/Settings/Toggle.client.vue b/app/components/Settings/Toggle.client.vue
@@ -22,7 +22,7 @@ const checked = defineModel<boolean>({
     </span>
     <span
       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'"
+      :class="checked ? 'bg-accent border-transparent' : 'bg-bg border border-border'"
       aria-hidden="true"
     >
       <span

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ const checked = defineModel<boolean>({`
`22`	`22`	`</span>`
`23`	`23`	`<span`
`24`	`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`		`- :class="checked ? 'bg-accent' : 'bg-bg border border-border'"`
	`25`	`+ :class="checked ? 'bg-accent border-transparent' : 'bg-bg border border-border'"`
`26`	`26`	`aria-hidden="true"`
`27`	`27`	`>`
`28`	`28`	`<span`