feat: add border to switch styles (#680)

Author: lukewarlow

app/components/Settings/Toggle.client.vue

@@ -21,8 +21,8 @@ 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="checked ? 'bg-accent' : 'bg-bg border border-border'"
+      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 border-transparent shadow-sm' : 'bg-bg border border-border'"
       aria-hidden="true"
     >
       <span