Add: Form Styling

This commit is contained in:
Donatas Kirda 2024-05-16 00:40:25 +03:00
parent 40470faa6a
commit afb1c61048
Signed by: bloodwiing
GPG Key ID: 63020D8D3F4A164F
2 changed files with 28 additions and 1 deletions

View File

@ -31,7 +31,7 @@ body {
"YTLC" 500;
}
h1, h2, h3, h4, h5, h6, p, span {
h1, h2, h3, h4, h5, h6, p, span, input, textarea {
margin: 0;
color: white;
}

27
static/css/form.scss Normal file
View File

@ -0,0 +1,27 @@
form {
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
gap: 16px;
padding: 32px;
background: #00000090;
border-radius: 16px;
backdrop-filter: blur(28px);
max-width: 350px;
width: calc(20dvw + 150px);
}
button[type=submit] {
background: white;
}
input[type=text],
input[type=password] {
padding: 0.8em 1.5em;
background: #333;
border-radius: 8px;
border: none;
width: calc(100% - 3em);
}