From a20d12177e17ea784edf5adcd0e50d6121589c91 Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Fri, 1 May 2026 11:33:24 +0300 Subject: [PATCH] style login page with auth-card layout introduce .auth-shell and .auth-card classes for the centered, narrow-card layout shared by login and register, then apply them to the login template. form ids and the #login-error element are preserved so the existing cypress auth flows still target them. --- public/css/app.css | 18 +++++++++++++++++ views/templates/login.php | 42 +++++++++++++++++++++++---------------- 2 files changed, 43 insertions(+), 17 deletions(-) diff --git a/public/css/app.css b/public/css/app.css index f7d3003..767dddd 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -397,6 +397,24 @@ form { font-size: var(--font-size-sm); } +.auth-shell { + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; + padding: var(--space-5) var(--space-4); +} + +.auth-card { + width: 100%; + max-width: 24rem; + background-color: var(--color-surface); + border: 1px solid var(--color-border); + border-radius: var(--radius-md); + box-shadow: var(--shadow-md); + padding: var(--space-6); +} + .muted { color: var(--color-text-muted); } diff --git a/views/templates/login.php b/views/templates/login.php index 7fa70fc..282f96d 100644 --- a/views/templates/login.php +++ b/views/templates/login.php @@ -7,23 +7,31 @@ -

Login

-
- - - -
- -

Register

+
+
+

Login

+
+ + + +
+ +

+ Need an account? Register +

+
+