From: Giorgio Ravera Date: Sat, 10 Jan 2026 22:27:26 +0000 (+0100) Subject: fixed login page X-Git-Tag: v0.0.1~34 X-Git-Url: http://git.giorgioravera.it/?a=commitdiff_plain;h=0535b2b3ae15efa649b5ffc9caf90f6149fda050;p=network-manager.git fixed login page --- 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 + - +