diff options
Diffstat (limited to 'server/src/routes/ui/style/forms.css')
| -rw-r--r-- | server/src/routes/ui/style/forms.css | 34 |
1 files changed, 30 insertions, 4 deletions
diff --git a/server/src/routes/ui/style/forms.css b/server/src/routes/ui/style/forms.css index 82a6157..e629256 100644 --- a/server/src/routes/ui/style/forms.css +++ b/server/src/routes/ui/style/forms.css @@ -4,13 +4,22 @@ Copyright (C) 2023 metamuffin <metamuffin.org> Copyright (C) 2023 tpart */ +input { + outline: none; + box-sizing: border-box; + height: 2.5em; +} input[type="text"], input[type="password"] { border-radius: 7px; padding: 0.3em; - margin: 0.2em; + margin-top: 0.3em; border: 2px solid var(--accent-light); } +input[type="text"]:focus, +input[type="password"]:focus { + background-color: var(--background-light); +} input[type="text"]:disabled, input[type="password"]:disabled { border: 2px solid grey; @@ -18,18 +27,18 @@ input[type="password"]:disabled { input[type="submit"] { padding: 0.5em; - margin: 1em; + margin: 0.5em; justify-self: center; border: 0px solid transparent; background-color: var(--accent-dark); border-radius: 8px; + cursor: pointer; } input[type="submit"]:disabled { background-color: grey; } - input[type="submit"]:hover { - filter: hue-rotate(-20deg); + filter: brightness(150%); } form.account { @@ -37,11 +46,28 @@ form.account { border-radius: 1em; background-color: var(--background-light); + min-width: 25em; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } +form.account input { + width: 100%; + font-size: large; +} +form.account input, label { + display: block; +} +form.account input[type="submit"] { + margin: 0; + margin-top: 1em; + margin-bottom: 1.5em; + font-weight: bold; +} form.account h1 { margin-top: 0px; } +form.account p { + color: var(--font-dark); +}
\ No newline at end of file |