1387ecaccb
✨ New Side Panel Design: - Information panel slides out from the right side of cards - 500ms hover delay to prevent accidental triggers - 320px wide panel with comprehensive card details - Smooth slide-in animation with backdrop blur effect 🎯 TCG-Specific Information: - MTG: Mana cost, Power/Toughness, Colors with proper styling - Pokemon: HP display with yellow highlighting - Lorcana: Ink cost, Strength/Willpower stats - Oracle text/description for all card types 🌙 Dark Theme Support: - Full dark mode styling for all panel elements - Dark-aware color schemes for TCG-specific badges - Proper contrast ratios for accessibility ⚡ Enhanced Features: - Structured layout: Header, Body, Footer sections - Grid-based action buttons with tooltips - Copy card info functionality - Responsive design (hidden on mobile/tablet) - Better grid spacing with right padding for panels 🎨 Professional Polish: - Backdrop blur effects for depth - Smooth transitions with proper easing - Z-index management for layering - Reduced grid columns to accommodate panels Perfect for detailed card inspection! 🃏✨ |
||
|---|---|---|
| .. | ||
| 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 | ||