julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: switch on should be ok in style

Browse Source
This commit is contained in:
Julien Froidefond
2025-02-24 22:02:34 +01:00
parent d5bd29f971
commit 7c6eb6ab58
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/ui/switch.tsx
View File

@@ -3,7 +3,8 @@
import * as React from "react"; import * as React from "react";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "role" | "aria-checked"> { interface SwitchProps
extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "role" | "aria-checked"> {
onCheckedChange?: (checked: boolean) => void; onCheckedChange?: (checked: boolean) => void;
} }
@@ -33,10 +34,12 @@ const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(
aria-checked={checked ?? defaultChecked ?? false} aria-checked={checked ?? defaultChecked ?? false}
{...props} {...props}
/> />
<span className={cn( <span
"pointer-events-none absolute left-1 h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform", className={cn(
"peer-checked:translate-x-5" "pointer-events-none absolute left-0.5 h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
)} /> "peer-checked:translate-x-[20px]"
)}
/>
</div> </div>
); );
} }