sendnrw/netbird
2
0
Fork 0
mirror of https://github.com/netbirdio/netbird.git synced 2026-07-20 07:21:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

update main toggle switch

Browse Source
This commit is contained in:
Eduard Gert
2026-06-16 14:03:13 +02:00
parent 192c3109c0
commit e4918e0277
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/ui/frontend/src/components/switches/ToggleSwitch.tsx
View File

@@ -35,9 +35,9 @@ const switchVariants = cva("", {
],
},
"thumb-size": {
default: "h-5 w-5 data-[state=checked]:translate-x-5",
small: "h-[14px] w-[14px] data-[state=checked]:translate-x-[17px]",
large: "h-[28px] w-[28px] data-[state=checked]:translate-x-[34px]",
default: "h-5 w-5 data-[state=unchecked]:translate-x-0 data-[state=checked]:translate-x-5",
small: "h-[14px] w-[14px] data-[state=unchecked]:translate-x-0 data-[state=checked]:translate-x-[17px]",
large: "h-[30px] w-[30px] data-[state=unchecked]:translate-x-[1px] data-[state=checked]:translate-x-[31px]",
},
},
});
@@ -64,7 +64,7 @@ const ToggleSwitch = React.forwardRef<
<SwitchPrimitives.Thumb
className={cn(
switchVariants({ "thumb-size": size }),
"pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0 dark:bg-white",
"pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform dark:bg-white",
)}
/>
</SwitchPrimitives.Root>