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() }} {{ parent() }}
{% set styles %} {% set styles %}
#grav-login { #grav-login {
max-width: 32em; max-width: 36em;
} }
#grav-login .form-actions { #grav-login .form-actions {
text-align: right; text-align: right;
@ -14,7 +14,17 @@
align-items: center; align-items: center;
margin-top: 1em; margin-top: 1em;
flex-wrap: wrap;} flex-wrap: wrap;}
#grav-login button {
#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; margin: 1em 0;
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {

View file

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