mirror of
https://github.com/tiennm99/coolify.git
synced 2026-10-17 22:14:14 +00:00
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:
1 parent
f9caa5250d
commit
12b14665b5
6 files changed
+978
-4
No files matched your search
@@ -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'));
|
||||
|
||||
|
||||
Reference in new issue
Block a user