File tree 1 file changed +5
-5
lines changed
apps/webapp/app/components/primitives
1 file changed +5
-5
lines changed Original file line number Diff line number Diff line change @@ -8,15 +8,15 @@ const variations = {
8
8
large : {
9
9
container : "flex items-center gap-x-2 rounded-md hover:bg-tertiary p-2 transition focus-custom" ,
10
10
root : "h-6 w-11" ,
11
- thumb : "h-5 w -5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0" ,
12
- text : "text-sm text-charcoal-400 group-hover: text-charcoal-200 transition " ,
11
+ thumb : "size -5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0" ,
12
+ text : "text-sm text-text-dimmed " ,
13
13
} ,
14
14
small : {
15
15
container :
16
16
"flex items-center h-[1.5rem] gap-x-1.5 rounded hover:bg-tertiary disabled:hover:bg-transparent pr-1 py-[0.1rem] pl-1.5 transition focus-custom disabled:hover:text-charcoal-400 disabled:opacity-50 text-charcoal-400 hover:text-charcoal-200 disabled:hover:cursor-not-allowed hover:cursor-pointer" ,
17
17
root : "h-3 w-6" ,
18
- thumb : "h-2.5 w -2.5 data-[state=checked]:translate-x-2.5 data-[state=unchecked]:translate-x-0" ,
19
- text : "text-xs" ,
18
+ thumb : "size -2.5 data-[state=checked]:translate-x-2.5 data-[state=unchecked]:translate-x-0" ,
19
+ text : "text-xs text-text-dimmed " ,
20
20
} ,
21
21
} ;
22
22
@@ -38,7 +38,7 @@ export const Switch = React.forwardRef<React.ElementRef<typeof SwitchPrimitives.
38
38
) : null }
39
39
< div
40
40
className = { cn (
41
- "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors group-disabled:cursor-not-allowed group-disabled:opacity-50 group-data-[state=checked]:bg-text-link group-data-[state=unchecked]:bg-charcoal-700" ,
41
+ "inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors group-disabled:cursor-not-allowed group-disabled:opacity-50 group-data-[state=checked]:bg-blue-500 group-data-[state=unchecked]:bg-charcoal-700 group-data-[state=unchecked]:group-hover:bg-charcoal-500/50 " ,
42
42
root
43
43
) }
44
44
>
You can’t perform that action at this time.
0 commit comments