From f248e25d23bcb5847ace8272be1c9c5985782920 Mon Sep 17 00:00:00 2001 From: Juan Rodenas <95724863+juanico10@users.noreply.github.com> Date: Mon, 20 Jan 2025 12:25:58 +0100 Subject: [PATCH] Update login logo size in login.css --- frontend/src/css/login.css | 65 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 frontend/src/css/login.css diff --git a/frontend/src/css/login.css b/frontend/src/css/login.css new file mode 100644 index 00000000..4a1bf439 --- /dev/null +++ b/frontend/src/css/login.css @@ -0,0 +1,65 @@ +#login { + background: var(--surfacePrimary); + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +#login img { + width: 10em; + height: 10em; + margin: 0 auto 4em; + display: block; +} + +#login h1 { + text-align: center; + font-size: 2.5em; + margin: 0.4em 0 0.67em; +} + +#login form { + position: fixed; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + max-width: 16em; + width: 90%; +} + +#login.recaptcha form { + min-width: 304px; +} + +#login #recaptcha { + margin: 0.5em 0 0; +} + +#login .wrong { + background: var(--red); + color: #fff; + padding: 0.5em; + text-align: center; + animation: 0.2s opac forwards; +} + +@keyframes opac { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +#login p { + cursor: pointer; + text-align: right; + color: var(--blue); + text-transform: lowercase; + font-weight: 500; + font-size: 0.9rem; + margin: 0.5rem 0; +}