web/website
8
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhance Card component with hover effects and smooth transitions

Browse source
This commit is contained in:
ERFouX 2025-01-24 13:40:45 +03:30
parent 76e40988c5
commit e1be445867
1 changed files with 1 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
components/ui/card.jsx
View file

@ -1,11 +1,10 @@
import * as React from "react"
import { cn } from "@/lib/utils"
const Card = React.forwardRef(({ className, ...props }, ref) => (
<div
ref={ref}
className={cn("rounded-xl border bg-card text-card-foreground shadow", className)}
className={cn("rounded-xl border bg-card text-card-foreground shadow transition-transform duration-300 hover:shadow-lg hover:scale-105", className)}
{...props} />
))
Card.displayName = "Card"