Rework of the register page CSS & tweaked the login page

This commit is contained in:
Julien Constant
2023-03-12 13:54:46 +01:00
parent 79e7fcf15e
commit 550fac7752
4 changed files with 69 additions and 17 deletions

View File

@ -31,6 +31,11 @@ body {
background-color: white !important;
margin: 0;
> .title {
text-align: center;
margin: 0;
}
> div,
> form {
box-sizing: border-box;
@ -41,13 +46,16 @@ body {
gap: 10px;
width: 100%;
max-width: 500px;
margin-top: 20px;
> p,
> div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin: 0;
> label {
width: 100%;
@ -59,6 +67,7 @@ body {
}
> input,
> p > input,
> div > input {
box-sizing: border-box;
width: 100%;
@ -70,9 +79,37 @@ body {
}
> .danger,
> div > error {
> .errorlist {
color: red;
text-align: center;
margin: 10px 0 0 0;
list-style-type: none;
}
> .required > .helptext {
text-align: center;
font-style: italic;
}
> .required:last-of-type {
box-sizing: border-box;
max-width: 300px;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
> label {
width: 100%;
}
> img {
width: 70px;
object-fit: contain;
}
> input {
width: 200px;
}
}
}
}