diff --git a/app/static/style.css b/app/static/style.css index e8f6b62..b2d28c5 100644 --- a/app/static/style.css +++ b/app/static/style.css @@ -819,9 +819,20 @@ button { height: 100vh; } +.login-corner-logo { + position: fixed; + top: 16px; + left: 20px; + z-index: 100; + height: 36px; + width: auto; + filter: brightness(0) invert(1); + opacity: 0.85; +} + /* LEFT PANEL */ .login-left { - flex: 0 0 48%; + flex: 0 0 33.333%; background: linear-gradient(150deg, #050d1a 0%, #091829 55%, #0e2344 100%); position: relative; display: flex; @@ -859,14 +870,6 @@ button { width: 100%; } -.login-left-logo { - width: min(160px, 38%); - height: auto; - margin-bottom: 2.25rem; - display: block; - filter: brightness(0) invert(1); - opacity: 0.92; -} .login-left-title { font-size: clamp(1.65rem, 2.6vw, 2.25rem); @@ -943,14 +946,6 @@ button { max-width: 340px; } -.login-right-logo { - width: 90px; - height: auto; - margin-bottom: 2rem; - display: block; - filter: brightness(0) invert(1); - opacity: 0.7; -} .login-form-title { font-size: 1.55rem; @@ -1097,11 +1092,7 @@ button { flex: none; padding: 2.5rem 1.5rem 2rem; } - .login-left-logo { - width: 120px; - margin-bottom: 1.5rem; - } - .login-left-title { + .login-left-title { font-size: 1.5rem; } .login-left-desc { @@ -1111,8 +1102,7 @@ button { padding: 2rem 1.5rem 4rem; } .login-right::before { display: none; } - .login-right-logo { display: none; } - .login-footer { bottom: 0.75rem; } + .login-footer { bottom: 0.75rem; } } @media (max-width: 480px) { diff --git a/app/templates/login.html b/app/templates/login.html index 8cbd6b1..318ab5a 100644 --- a/app/templates/login.html +++ b/app/templates/login.html @@ -24,12 +24,12 @@ +