현대적 라이브러리 도입 완료
This commit is contained in:
@@ -6,7 +6,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="card"
|
||||
className={cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className)}
|
||||
className={cn("bg-card text-card-foreground flex flex-col rounded-xl border py-6 shadow-sm", className)}
|
||||
{...props}
|
||||
/>
|
||||
);
|
||||
|
||||
@@ -11,8 +11,8 @@ function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimi
|
||||
data-slot="switch"
|
||||
className={cn(
|
||||
"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent shadow-sm transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
|
||||
"data-[state=checked]:bg-blue-500 data-[state=unchecked]:bg-gray-300",
|
||||
"hover:data-[state=checked]:bg-blue-600 hover:data-[state=unchecked]:bg-gray-400",
|
||||
"data-[state=checked]:bg-green-500 data-[state=unchecked]:bg-gray-300",
|
||||
"hover:data-[state=checked]:bg-green-600 hover:data-[state=unchecked]:bg-gray-400",
|
||||
"focus-visible:border-ring focus-visible:ring-ring/50",
|
||||
className,
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user