makary/grav-theme-future2021
1
0
Fork 0
mirror of https://github.com/pmoreno-rodriguez/grav-theme-future2021.git synced 2025-06-07 20:08:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

Custom styles for login and logout form

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

18
templates/forgot.html.twig
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,9 +14,19 @@
align-items: center; align-items: center;
margin-top: 1em; margin-top: 1em;
flex-wrap: wrap;} 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) { @media screen and (max-width: 480px) {
#grav-login .form-actions { #grav-login .form-actions {
flex-direction: column; flex-direction: column;

3
templates/login.html.twig
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;
@ -20,6 +20,7 @@
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
#grav-login .form-actions { #grav-login .form-actions {
flex-direction: column; flex-direction: column;
}
} }
{% endset %} {% endset %}
{% do assets.addInlineCss(styles) %} {% do assets.addInlineCss(styles) %}