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:
@@ -3,9 +3,9 @@
|
||||
<head>
|
||||
@include('partials.head')
|
||||
</head>
|
||||
<body class="min-h-screen bg-[#F4F1EA]" style="font-family: var(--font-arabic)">
|
||||
<main class="min-h-screen flex flex-col items-center px-4 py-10 sm:py-16">
|
||||
<div class="w-full max-w-[640px]">
|
||||
<body class="min-h-screen bg-background antialiased" style="font-family: var(--font-arabic)">
|
||||
<main class="auth-pattern relative min-h-screen flex flex-col items-center px-4 py-10 sm:py-16">
|
||||
<div class="relative w-full max-w-[640px] z-10">
|
||||
{{ $slot }}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
Reference in New Issue
Block a user