feat: update global styles and component designs for enhanced aesthetics and responsiveness, including new gradients, shadows, and transitions
This commit is contained in:
@@ -7,7 +7,12 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
|
||||
<div
|
||||
data-slot="card"
|
||||
className={cn(
|
||||
"bg-card text-card-foreground flex flex-col rounded-xl border shadow-sm",
|
||||
"bg-card text-card-foreground flex flex-col rounded-xl border",
|
||||
"shadow-[0_1px_3px_0_rgb(0_0_0_/_0.05),0_1px_2px_-1px_rgb(0_0_0_/_0.05)]",
|
||||
"backdrop-blur-sm",
|
||||
"transition-all duration-200",
|
||||
"hover:shadow-[0_4px_12px_0_rgb(0_0_0_/_0.08),0_2px_4px_-1px_rgb(0_0_0_/_0.06)]",
|
||||
"hover:border-primary/20",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
|
||||
Reference in New Issue
Block a user