feat(design-system): redesign v2 #6 — card grid outer-glow #106

Merged

varutasu merged 1 commit from redesign-v2-6-card-outer-glow into main

2026-06-04 12:14:54 -04:00

varutasu commented

2026-06-04 12:11:58 -04:00

(Migrated from github.com)

Umbrella: `.convoys/redesign-v2-from-mockups.md`. Independent of PR #105.

Sub-convoy #6 — the mockup's TCG card thumbnails show a soft warm outer glow ("light cast onto cards"). Single cheap box-shadow per card; honors AGENTS.md's performance budget.

What ships

`styles/globals.css`: `.card-grid-outer-glow` utility (18% alpha light / 28% dark, bolder on hover). No backdrop-filter — single-axis shadow stays cheap on long scroll lists.
`components/CardItem.js`: outer container picks up the class. 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

Made with Cursor

Umbrella: \`.convoys/redesign-v2-from-mockups.md\`. Independent of PR #105. Sub-convoy #6 — the mockup's TCG card thumbnails show a soft warm outer glow ("light cast onto cards"). Single cheap box-shadow per card; honors AGENTS.md's performance budget. ## What ships - \`styles/globals.css\`: \`.card-grid-outer-glow\` utility (18% alpha light / 28% dark, bolder on hover). No backdrop-filter — single-axis shadow stays cheap on long scroll lists. - \`components/CardItem.js\`: outer container picks up the class. 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 Made with [Cursor](https://cursor.com)

vercel[bot] commented

2026-06-04 12:12:00 -04:00

(Migrated from github.com)

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
tcg-vault	Ready	Preview, Comment	Jun 4, 2026 4:12pm

[vc]: #bgJVSIzbJWeVziYRLic0tpLDEwFkefXUHF7E9kshNSQ=:eyJpc01vbm9yZXBvIjp0cnVlLCJ0eXBlIjoiZ2l0aHViIiwicHJvamVjdHMiOlt7Im5hbWUiOiJ0Y2ctdmF1bHQiLCJwcm9qZWN0SWQiOiJwcmpfRjZXOEVvRkd3Y0g3aWVGcnRvRlNlOXdVVkFhNSIsImluc3BlY3RvclVybCI6Imh0dHBzOi8vdmVyY2VsLmNvbS9yYW5kYWxsLXN0aWxsd2VsbHMtcHJvamVjdHMvdGNnLXZhdWx0L0FZc0NYQThXUEhHZ0xxYndvd2VZVHFVMVhZOHkiLCJwcmV2aWV3VXJsIjoidGNnLXZhdWx0LWdpdC1yZWRlc2lnbi12Mi02LTc5NWM1Mi1yYW5kYWxsLXN0aWxsd2VsbHMtcHJvamVjdHMudmVyY2VsLmFwcCIsIm5leHRDb21taXRTdGF0dXMiOiJERVBMT1lFRCIsImxpdmVGZWVkYmFjayI6eyJyZXNvbHZlZCI6MCwidW5yZXNvbHZlZCI6MCwidG90YWwiOjAsImxpbmsiOiJ0Y2ctdmF1bHQtZ2l0LXJlZGVzaWduLXYyLTYtNzk1YzUyLXJhbmRhbGwtc3RpbGx3ZWxscy1wcm9qZWN0cy52ZXJjZWwuYXBwIn0sInJvb3REaXJlY3RvcnkiOm51bGx9XSwicmVxdWVzdFJldmlld1VybCI6Imh0dHBzOi8vdmVyY2VsLmNvbS92ZXJjZWwtYWdlbnQvcmVxdWVzdC1yZXZpZXc/b3duZXI9dmFydXRhc3UmcmVwbz10Y2ctdmF1bHQmcHI9MTA2In0= The latest updates on your projects. Learn more about [Vercel for GitHub](https://vercel.link/github-learn-more). | Project | Deployment | Actions | Updated (UTC) | | :--- | :----- | :------ | :------ | | [tcg-vault](https://vercel.com/randall-stillwells-projects/tcg-vault) | ![Ready](https://vercel.com/static/status/ready.svg) [Ready](https://vercel.com/randall-stillwells-projects/tcg-vault/AYsCXA8WPHGgLqbwoweYTqU1XY8y) | [Preview](https://tcg-vault-git-redesign-v2-6-795c52-randall-stillwells-projects.vercel.app), [Comment](https://vercel.live/open-feedback/tcg-vault-git-redesign-v2-6-795c52-randall-stillwells-projects.vercel.app?via=pr-comment-feedback-link) | Jun 4, 2026 4:12pm | <a href="https://vercel.com/vercel-agent/request-review?owner=varutasu&repo=tcg-vault&pr=106" rel="noreferrer"><picture><source media="(prefers-color-scheme: dark)" srcset="https://agents-vade-review.vercel.sh/request-review-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://agents-vade-review.vercel.sh/request-review-light.svg"><img src="https://agents-vade-review.vercel.sh/request-review-light.svg" alt="Request Review"></picture></a>

github-actions[bot] commented

2026-06-04 12:12:14 -04:00

(Migrated from github.com)

Pipeline Health

Build + CI gates

Gate	Status
Vercel build (Preview)	✅ pass
CI: Lint	✅ pass
CI: Schema map fresh	❌ skipped
Preview smoke	✅ pass
Visual diff	✅ pass

Build runs on Vercel; this CI runs lint and schema-map drift only (no duplicate build).

Role reports

Role	Status
Reviewer report	⏳ pending
A11y audit	⏳ pending
Design system audit	⏳ pending

See individual comments above for details. This rollup updates automatically.

## Pipeline Health ### Build + CI gates | Gate | Status | | --- | --- | | Vercel build (Preview) | ✅ pass | | CI: Lint | ✅ pass | | CI: Schema map fresh | ❌ skipped | | Preview smoke | ✅ pass | | Visual diff | ✅ pass | _Build runs on Vercel; this CI runs lint and schema-map drift only (no duplicate build)._ ### Role reports | Role | Status | | --- | --- | | Reviewer report | ⏳ pending | | A11y audit | ⏳ pending | | Design system audit | ⏳ pending | See individual comments above for details. This rollup updates automatically.

github-actions[bot] commented

2026-06-04 12:13:17 -04:00

(Migrated from github.com)

Visual Diff

Screenshots and diffs uploaded as artifacts: view run

If intentional changes: update snapshots locally with npx playwright test --project=visual --update-snapshots and commit.

## Visual Diff Screenshots and diffs uploaded as artifacts: [view run](https://github.com/varutasu/tcg-vault/actions/runs/26964239928) If intentional changes: update snapshots locally with `npx playwright test --project=visual --update-snapshots` and commit.