matthieu/deckerr
1
0
Fork 0
Code Issues 2 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update components with CSS animations

Browse Source
This commit is contained in:
matthieu
2025-10-23 16:18:22 +02:00
parent c3cc4e59f6
commit 80216ae478
1 changed files with 76 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/DeckCard.tsx
View File

@@ -22,7 +22,7 @@ export default function DeckCard({ deck, onEdit }: DeckCardProps) {
return (
<div
className="bg-gray-800 rounded-xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-1 cursor-pointer"
className="bg-gray-800 rounded-xl overflow-hidden shadow-lg card-hover cursor-pointer animate-scale-in"
onClick={() => onEdit?.(deck.id)}
>
<div className="relative h-48 overflow-hidden">
@@ -66,7 +66,7 @@ export default function DeckCard({ deck, onEdit }: DeckCardProps) {
e.stopPropagation();
onEdit?.(deck.id);
}}
className="mt-4 w-full px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-lg flex items-center justify-center gap-2 text-white"
className="mt-4 w-full px-4 py-2 bg-blue-600 hover:bg-blue-700 rounded-lg flex items-center justify-center gap-2 text-white btn-ripple transition-smooth glow-on-hover"
>
<Edit size={20} />
Edit Deck