🎨 New Card-Focused Design: - Cards now display as clean images without permanent overlays - Information and actions slide out from behind the card on hover - Selected cards scale up slightly and show persistent info panel 🚀 Enhanced User Experience: - Card images are the primary focus, no visual clutter - Smooth 300ms transitions with easing for professional feel - Sliding panel appears 2px below card for depth effect - Backdrop blur effect for better contrast and readability ⚡ Improved Interactions: - Primary actions (Collection, Deck) prominently displayed - Secondary actions (Own, Favorite, View) in compact grid - Proper z-index management prevents panel conflicts - Increased grid spacing (gap-8, p-8) for sliding panels 🎯 Technical Improvements: - CSS classes for consistent styling and performance - Prevented text selection during interactions - Transform origin optimization for smooth animations - Proper pointer event handling for accessibility Cards are now the star of the show! 🌟✨ |
||
|---|---|---|
| .. | ||
| admin | ||
| api | ||
| card | ||
| collection | ||
| invite | ||
| _app.js | ||
| analytics.js | ||
| cards.js | ||
| collections.js | ||
| community.js | ||
| dashboard.js | ||
| decks.js | ||
| index.js | ||
| login.js | ||
| logout.js | ||
| settings.js | ||