diff --git a/app/static/css/login.css b/app/static/css/login.css index d6bff9f..94d43a0 100644 --- a/app/static/css/login.css +++ b/app/static/css/login.css @@ -68,4 +68,32 @@ body { text-decoration: none !important; color: rgb(3, 133, 255) !important; transition: 0.2s; -} \ No newline at end of file +} + +/* ========================= + Login logo and responsive tweaks + ========================= */ +.login-logo { + display: block; + margin: 0 auto 8px; + max-width: 260px; + height: auto; +} +.login-subtitle { + text-align: center; + margin-bottom: 12px; + color: rgba(230,238,248,0.9); + font-size: small; +} +@media (max-width: 480px) { + .login-logo { max-width: 160px; } +} +.navbar .navbar-brand .brand-logo { + display: block; + max-height: 56px; + width: auto; + transform: translateY(4px); +} +@media (max-width: 576px) { + .navbar .navbar-brand .brand-logo { max-height: 40px; } +}