From 6f8f490edbce86bd5f5e1b28e94568aee6830818 Mon Sep 17 00:00:00 2001 From: hobokenchicken Date: Sun, 1 Mar 2026 03:45:34 -0500 Subject: [PATCH] fixed login page --- static/css/dashboard.css | 37 ++++++++++++++++++++----------------- 1 file changed, 20 insertions(+), 17 deletions(-) diff --git a/static/css/dashboard.css b/static/css/dashboard.css index eb73a911..14b09edc 100644 --- a/static/css/dashboard.css +++ b/static/css/dashboard.css @@ -105,14 +105,16 @@ body { .login-card { background: var(--bg1); - border-radius: 20px; - padding: 3rem 2.5rem; + border-radius: 24px; + padding: 4rem 2.5rem 3rem; width: 100%; - max-width: 420px; + max-width: 440px; box-shadow: var(--shadow-lg); border: 1px solid var(--bg2); text-align: center; animation: slideUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1); + position: relative; + overflow: hidden; } @keyframes slideUp { @@ -127,16 +129,16 @@ body { } .login-header { - margin-bottom: 2.5rem; + margin-bottom: 3rem; } .login-logo { - width: 120px; - height: 120px; - max-width: 40vw; - margin: 0 auto 1.5rem; - border-radius: 20px; - box-shadow: var(--shadow-lg); + width: 100px; + height: 100px; + max-width: 35vw; + margin: 0 auto 1.25rem; + border-radius: 16px; + box-shadow: var(--shadow); object-fit: contain; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; @@ -168,15 +170,16 @@ body { .form-group label { position: absolute; - top: 0.75rem; - left: 1rem; + top: 1rem; + left: 1.25rem; font-size: 0.875rem; color: var(--fg3); font-weight: 500; pointer-events: none; - transition: all 0.2s; + transition: all 0.25s ease; background: var(--bg1); - padding: 0 0.25rem; + padding: 0 0.375rem; + z-index: 2; } .form-group input:focus + label, @@ -188,7 +191,7 @@ body { } .form-group input { - padding: 1.25rem 1rem 0.75rem; + padding: 1.5rem 1.25rem 1rem; background: var(--bg0); border: 2px solid var(--bg3); border-radius: 12px; @@ -234,8 +237,8 @@ body { } .login-footer { - margin-top: 1.5rem; - padding-top: 1.5rem; + margin-top: 2rem; + padding-top: 1.75rem; border-top: 1px solid var(--bg2); }