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

Added CSS classes for login form

Browse source
This commit is contained in:
Pedro Moreno 2023-02-16 12:47:22 +01:00
parent 2df2131d69
commit aff0a323d8
2 changed files with 60 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
templates/forgot.html.twig Normal file
View file

@ -0,0 +1,35 @@
{% extends 'partials/base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{% set styles %}
#grav-login {
max-width: 32em;
}
#grav-login .form-actions {
text-align: right;
padding: 1em 0;
display: flex;
justify-content: center;
align-items: center;
margin-top: 1em;
flex-wrap: wrap;}
#grav-login button {
margin: 1em 0;
}
@media screen and (max-width: 480px) {
#grav-login .form-actions {
flex-direction: column;
}
{% endset %}
{% do assets.addInlineCss(styles) %}
{% endblock %}
{% block menu %}
{% include 'partials/sidebar_right.html.twig' %}
{% endblock %}
{% block content %}
{% include 'partials/messages.html.twig' %}
{% include 'partials/forgot-form.html.twig' %}
{% endblock %}

25
templates/login.html.twig
View file

@ -1,5 +1,30 @@
{% extends 'partials/base.html.twig' %} {% extends 'partials/base.html.twig' %}
{% block stylesheets %}
{{ parent() }}
{% set styles %}
#grav-login {
max-width: 32em;
}
#grav-login .form-actions {
text-align: right;
padding: 1em 0;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1em;
flex-wrap: wrap;}
#grav-login button {
margin: 1em 0;
}
@media screen and (max-width: 480px) {
#grav-login .form-actions {
flex-direction: column;
}
{% endset %}
{% do assets.addInlineCss(styles) %}
{% endblock %}
{% block menu %} {% block menu %}
{% include 'partials/sidebar_right.html.twig' %} {% include 'partials/sidebar_right.html.twig' %}
{% endblock %} {% endblock %}