fix(ui): use 100dvh body height and coollabs auth glow

Replace min-h-screen with min-height: 100dvh on body for correct
mobile viewport height, and point the auth shell radial glow at
--color-coollabs instead of --color-accent. Add branding CSS tests.
This commit is contained in:
Andras Bacsai committed 2026-08-07 23:31:57 +02:00
1 parent f9caa5250d
commit 12b14665b5
6 files changed
+978 -4

No files matched your search

+16
View File
@@ -21,6 +21,22 @@ test('login register and forgot password headers are Coolify', function () {
->not->toContain("title=\"{{ __('auth.forgot_password_heading') }}\"");
});
test('page body uses the dynamic viewport height on mobile', function () {
$styles = file_get_contents(resource_path('css/app.css'));
expect($styles)
->toMatch('/body\s*\{[^}]*min-height:\s*100dvh;/s')
->not->toMatch('/body\s*\{[^}]*@apply[^;]*min-h-screen/s');
});
test('auth pages use the Coollabs purple background glow', function () {
$styles = file_get_contents(resource_path('css/app.css'));
expect($styles)
->toMatch('/\.auth-shell\s*\{[^}]*color-mix\(in oklab, var\(--color-coollabs\) 9%, transparent\)/s')
->not->toMatch('/\.auth-shell\s*\{[^}]*color-mix\(in oklab, var\(--color-accent\) 9%, transparent\)/s');
});
test('confirm password page uses the shared auth shell', function () {
$confirm = file_get_contents(resource_path('views/auth/confirm-password.blade.php'));