style more account settings/password reset pages

This commit is contained in:
Seth Ladygo
2019-05-20 05:42:07 -07:00
parent 864f9c5af1
commit 85ba779286
6 changed files with 163 additions and 62 deletions

View File

@ -7,25 +7,53 @@
{% user_display request.user as user_display %}
{% block pagecss %}
<style>
label {
display: block;
margin-top: 15px;
color: #333;
font-size: 1rem;
}
.br {
margin-top: 15px;
}
input:not([type]), input[type="text"] {
max-width: 100%;
width: 100%;
border: 0 none;
padding: 0 10px;
padding-right: 10px;
padding-left: 10px;
background: #fff;
color: #666;
border: 1px solid #e5e5e5;
}
</style>
{% endblock %}
{% block content %}
<div class="row">
<div class="col-md-8">
<form method="POST" action="">
<legend>{% trans "Password reset" %}</legend>
<p class="lead">{% trans "Forgotten your password? Enter your email address below, and we'll send you an email allowing you to reset it." %}</p>
<fieldset class="row">
<div class="col-md-5">
{% csrf_token %}
{{ form }}
<button type="submit" class="btn btn-primary">
{% trans "Reset my password" %}
</button>
</div>
</fieldset>
</form>
</div>
</div>
<p>{% blocktrans %}If you have any trouble resetting your password, contact us at <a href="mailto:{{ THEME_CONTACT_EMAIL }}">{{ THEME_CONTACT_EMAIL }}</a>.{% endblocktrans %}</p>
<div class="uk-flex uk-flex-center uk-margin-top">
<div class="uk-card uk-card-default uk-card-body">
<form method="POST" action="">
<legend class="uk-legend">{% trans "Password reset" %}</legend>
<p class="lead">{% trans "Forgotten your password? Enter your email address below, and we'll send you an email allowing you to reset it." %}</p>
{% csrf_token %}
{{ form }}
<div class="br">
<button type="submit" class="uk-button uk-button-primary">
{% trans "Reset my password" %}
</button>
</div>
</form>
<p>{% blocktrans %}If you have any trouble resetting your password, contact us at <a href="mailto:support@procatalog.io">support@procatalog.io</a>{% endblocktrans %}</p>
</div>
</div>
{% endblock %}
{% block extra_body %}