현대적 라이브러리 도입 완료

This commit is contained in:
hyeonsu
2025-09-02 18:25:44 +09:00
parent 40b2328876
commit 8b495b9e80
22 changed files with 1275 additions and 1048 deletions

View File

@@ -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}
/>
);

View File

@@ -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,
)}