[UI] Login and Register button fixes

This commit is contained in:
rainydaysavings 2020-07-27 16:56:07 +01:00 committed by Hugo Sales
parent f840d4350f
commit 1d5a1818c1
Signed by: someonewithpc
GPG Key ID: 7D0C7EAFC9D835A0
2 changed files with 16 additions and 22 deletions

View File

@ -3,7 +3,8 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-right: 0; margin-right: var(--small-size);
margin-left: var(--small-size);
margin-bottom: var(--unit-size); margin-bottom: var(--unit-size);
} }
form { form {
@ -11,8 +12,6 @@ form {
background-color: #61778C30; background-color: #61778C30;
padding: calc(2 * var(--unit-size)); padding: calc(2 * var(--unit-size));
border-radius: var(--unit-size); border-radius: var(--unit-size);
margin-right: var(--small-size);
margin-left: var(--small-size);
box-shadow: 0 0 60px -20px rgba(0, 0, 0, 0.75); box-shadow: 0 0 60px -20px rgba(0, 0, 0, 0.75);
} }
label { label {
@ -50,19 +49,9 @@ input {
filter: none; filter: none;
} }
@media only screen and (max-width: 1300px) { button {
.navbar:not(:checked)+.navbar { background-color: #f6f6f6;
left: -100%; padding: var(--small-size);
top: 0; border: none;
transition: 0.3s ease; border-radius: var(--small-size);
left: 0; }
top: 0;
transition: 0.3s ease;
}
#toggle:checked+.navbar {
display: block;
left: 0;
top: 0;
transition: 0.3s ease;
}
}

View File

@ -3,7 +3,8 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
margin-right: 0; margin-right: var(--small-size);
margin-left: var(--small-size);
margin-bottom: var(--unit-size); margin-bottom: var(--unit-size);
} }
form { form {
@ -11,8 +12,6 @@ form {
background-color: #61778C30; background-color: #61778C30;
padding: calc(2 * var(--unit-size)); padding: calc(2 * var(--unit-size));
border-radius: var(--unit-size); border-radius: var(--unit-size);
margin-right: var(--small-size);
margin-left: var(--small-size);
box-shadow: 0 0 60px -20px rgba(0, 0, 0, 0.75); box-shadow: 0 0 60px -20px rgba(0, 0, 0, 0.75);
} }
label { label {
@ -49,3 +48,9 @@ input[type=email]
input { input {
filter: none; filter: none;
} }
button {
background-color: #f6f6f6;
padding: var(--small-size);
border: none;
border-radius: var(--small-size);
}