From 7769280e9b1056e0ab1b042399262ef03d13cbee Mon Sep 17 00:00:00 2001 From: Robert Kossessa Date: Thu, 25 Jan 2024 01:41:01 +0100 Subject: [PATCH] UPD: Improve switch visibility --- src/components/ui/switch/Switch.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/ui/switch/Switch.vue b/src/components/ui/switch/Switch.vue index 48c4d7c..b415580 100644 --- a/src/components/ui/switch/Switch.vue +++ b/src/components/ui/switch/Switch.vue @@ -24,7 +24,7 @@ const forwarded = useForwardPropsEmits(props, emits); v-bind="forwarded" :class=" cn( - 'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input', + 'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 data-[state=checked]:border-transparent data-[state=unchecked]:border-zinc-800 shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-zinc-100 data-[state=unchecked]:bg-black', props.class ) " @@ -32,7 +32,7 @@ const forwarded = useForwardPropsEmits(props, emits);