Match Nablus workshop form's background/card styling to the rest of the site

Reused existing, already-compiled design-system pieces instead of ad hoc
inline colors: the login page's auth-pattern background (public/images/
auth-pattern.svg) on the standalone layout, and the reusable <x-ui.card
highlight> component (Warm Gold accent border) for the form card. Replaced
inline style="color: #2D322A" with the text-body token.

Also fixes the actual root cause behind "the picture still looks the same"
from the prior two tasks: public/build's compiled CSS was stale (last built
Jan 17, before this session), so max-h-40/max-h-64 were never in the
generated stylesheet. Rebuilt via npm run build and verified the new classes
compile; production has its own deploy-time build so this shouldn't recur
there.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Naser Mansour
2026-09-28 00:12:07 +03:00
parent 4258b5d2e7
commit 7b708d2fd7
4 changed files with 145 additions and 8 deletions
+2
View File
@@ -3,6 +3,7 @@
**Last synced:** 2026-09-27 — added tasks 17, 17-1, 17-2 (Nablus workshop registration form, PRD v1.3)
**Last synced:** 2026-09-27 — 17-2 QA passed (7/7 tests), parent 17 Done; full-suite regression gate: 1723 passed / 69 pre-existing unrelated failures
**Last synced:** 2026-09-28 — 19 QA passed (logo removed, flyer max-h-40 confirmed, 7/7 tests), Done
**Last synced:** 2026-09-28 — 20 QA passed (auth-pattern/bg-background/card/text-body confirmed in compiled CSS and Blade, 7/7 tests), Done
| ID | Title | Status |
|----|-------|--------|
@@ -129,3 +130,4 @@
| 17-2 | 17-2 Standalone registration page, form, and submit wiring | Done |
| 18 | 18 Nablus Workshop Form - Image Sizing Fix | Done |
| 19 | 19 Nablus Workshop Form - Remove Logo, Shrink Flyer Further | Done |
| 20 | 20 Nablus Workshop Form - Match Site Background and Card Styling | Done |