noxious/client
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NQ-59 Fix login styling

Browse Source
This commit is contained in:
Colin Kallemein 2024-06-06 20:06:00 +02:00
parent 98c6266046
commit e3b09959d0
1 changed files with 21 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/assets/scss/login.scss
View File

@ -27,35 +27,31 @@
.login-form { .login-form {
width: inherit; width: inherit;
display: grid;
gap: 15px;
form { .form-field {
display: grid; display: flex;
gap: 15px; flex-direction: column;
width: inherit; background-color: rgba($white, 0.5);
border-radius: 3px;
min-width: 400px;
margin: 0 auto;
.form-field { label {
display: flex; color: $black;
flex-direction: column;
background-color: rgba($white, 0.5); background-color: rgba($white, 0.5);
border-radius: 3px; padding: 4px;
min-width: 400px; font-size: 0.875rem;
margin: 0 auto; border-radius: 3px 3px 0 0;
}
label { input {
color: $black; padding: 4px;
background-color: rgba($white, 0.5); font-size: 0.875rem;
padding: 4px;
font-size: 0.875rem;
border-radius: 3px 3px 0 0;
}
input { &:focus-visible {
padding: 4px; outline: none;
font-size: 0.875rem;
&:focus-visible {
outline: none;
}
} }
} }
} }