Sub-convoy #6 from .convoys/redesign-v2-from-mockups.md. The operator mockup shows TCG card thumbnails in the Featured Collection grid with a soft warm glow emanating around each card, suggesting "light cast onto cards" — the hearth metaphor at the card level. What ships: - styles/globals.css: new .card-grid-outer-glow utility with a single cheap box-shadow (warm orange at 18% alpha on light / 28% on dark) + a slightly bolder hover state (32%/50%). Honors the AGENTS.md performance budget ("card grids may NOT use glass on every card item") — this is a single-axis shadow, not a backdrop-filter. - components/CardItem.js: outer .card-item-container picks up the new class. The rarity-color glow on the inner chrome is UNTOUCHED (umbrella § 5 #6 explicit guard). Tests: - npm run test:run: 113/113 - npm run lint: clean - npm run build: green Next: #7 (dashboard rebuild) + #8 (right-rail Spotlight). Co-authored-by: Cursor <cursoragent@cursor.com> |
||
|---|---|---|
| .. | ||
| globals.css | ||