diff --git a/templates/forgot.html.twig b/templates/forgot.html.twig new file mode 100644 index 0000000..ba87d59 --- /dev/null +++ b/templates/forgot.html.twig @@ -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 %} diff --git a/templates/login.html.twig b/templates/login.html.twig index 278a3b2..795c026 100755 --- a/templates/login.html.twig +++ b/templates/login.html.twig @@ -1,5 +1,30 @@ {% 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 %} {% include 'partials/sidebar_right.html.twig' %} {% endblock %}