feat: update global styles and component designs for enhanced aesthetics and responsiveness, including new gradients, shadows, and transitions

This commit is contained in:
Julien Froidefond
2025-12-07 17:25:58 +01:00
parent d4db94d156
commit 1548ce4b0d
8 changed files with 243 additions and 163 deletions

View File

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