From 0535b2b3ae15efa649b5ffc9caf90f6149fda050 Mon Sep 17 00:00:00 2001 From: Giorgio Ravera Date: Sat, 10 Jan 2026 23:27:26 +0100 Subject: [PATCH] fixed login page --- frontend/css/layout.css | 11 +++++++++-- frontend/css/login.css | 37 ++++++++++++++++++++++++++++++++++--- frontend/hosts.html | 1 + frontend/login.html | 7 ++++--- 4 files changed, 48 insertions(+), 8 deletions(-) diff --git a/frontend/css/layout.css b/frontend/css/layout.css index 8d4c854..1a78ab3 100644 --- a/frontend/css/layout.css +++ b/frontend/css/layout.css @@ -1,3 +1,10 @@ +/* ================================ + Reset di base + ================================ */ +*, *::before, *::after { + box-sizing: border-box; +} + /* ================================ Global layout ================================ */ @@ -31,7 +38,6 @@ body { display: flex; justify-content: space-between; align-items: center; - box-sizing: border-box; } .logo { @@ -146,12 +152,13 @@ th:hover::after { font-weight: 600; border-radius: 4px; cursor: pointer; - transition: background 0.2s ease; + transition: background 0.2s ease, filter 0.2s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.15); } .btn-primary:hover { background-color: var(--accent-hover); + filter: brightness(0.96); } /* ================================ diff --git a/frontend/css/login.css b/frontend/css/login.css index 7232951..03e66c2 100644 --- a/frontend/css/login.css +++ b/frontend/css/login.css @@ -1,12 +1,25 @@ +/* ================================ + Body styles for login page + ================================ */ + +/* Variante per login */ +.body-login { + margin: 0; + padding-top: 0; +} + /* ================================ Login page wrapper ================================ */ .login-wrapper { min-height: 100vh; + min-height: 100svh; display: flex; align-items: center; justify-content: center; background: var(--bg-light); + overflow-y: auto; + padding: 20px 0; } /* ================================ @@ -21,6 +34,25 @@ border-left: 4px solid var(--accent); } +/* ================================ + Login box header + ================================ */ +.login-box-header { + background: var(--bg-dark); + padding: 10px 14px; + margin: -24px -28px 16px -28px; + border-radius: 8px 8px 0 0; + display: flex; + align-items: center; + gap: 10px; +} + +.login-box-header span { + color: var(--text-light); + font-weight: 600; + font-size: 1rem; +} + /* ================================ Logo / title ================================ */ @@ -57,7 +89,6 @@ border: 1px solid var(--border-light); font-size: 0.95rem; margin-bottom: 12px; - box-sizing: border-box; background: var(--bg-light); } @@ -70,8 +101,8 @@ box-shadow: none; } -.btn-primary.login-btn:hover { - box-shadow: none; +.btn-primary.login-btn:hover { + box-shadow: none; } /* ================================ diff --git a/frontend/hosts.html b/frontend/hosts.html index e633bcd..41ee140 100644 --- a/frontend/hosts.html +++ b/frontend/hosts.html @@ -3,6 +3,7 @@ Network Manager + diff --git a/frontend/login.html b/frontend/login.html index 974fdb4..929ee50 100644 --- a/frontend/login.html +++ b/frontend/login.html @@ -3,16 +3,17 @@ Network Manager - Login + - +