Custom styles for login and logout form

This commit is contained in:
Pedro Moreno 2023-02-20 21:33:38 +01:00
parent 1801fda8e0
commit f13cc8d514
2 changed files with 16 additions and 5 deletions

View file

@ -4,7 +4,7 @@
{{ parent() }}
{% set styles %}
#grav-login {
max-width: 32em;
max-width: 36em;
}
#grav-login .form-actions {
text-align: right;
@ -14,9 +14,19 @@
align-items: center;
margin-top: 1em;
flex-wrap: wrap;}
#grav-login button {
margin: 1em 0;
}
#grav-login p {font-size: inherit;}
#grav-login
input[type=submit].primary,
input[type=reset].primary,
input[type=button].primary,
button.primary,
.button.primary {
width: 100%;
font-size: 0.7em;
line-height: 3em;
margin: 1em 0;
}
@media screen and (max-width: 480px) {
#grav-login .form-actions {
flex-direction: column;

View file

@ -4,7 +4,7 @@
{{ parent() }}
{% set styles %}
#grav-login {
max-width: 32em;
max-width: 36em;
}
#grav-login .form-actions {
text-align: right;
@ -20,6 +20,7 @@
@media screen and (max-width: 480px) {
#grav-login .form-actions {
flex-direction: column;
}
}
{% endset %}
{% do assets.addInlineCss(styles) %}