Update login page styling and layout, also added a link to the register page if the user doesn't have an account yet.

This commit is contained in:
Kaleb 2023-12-13 20:42:09 -05:00
parent 087c77e319
commit 7d38ca6182
No known key found for this signature in database
2 changed files with 18 additions and 2 deletions

View File

@ -1840,6 +1840,16 @@ a {
margin-right: 1rem;
}
#login .login-bottom {
display: flex;
justify-content: space-between;
padding: 0 18px 0 18px;
}
#login .login-bottom > * {
margin: 0;
}
/* ################################################################################################# */
.score-wrapper {
position: relative;

View File

@ -4,7 +4,10 @@
{% block content %}
<div id="login">
<div class="login-title blue-gradient"><i class="fas fa-lock"></i>Sign in</div>
<div class="login-title blue-gradient">
<i class="fas fa-lock"></i>
<span class="login-title-text">Sign in</span>
</div>
<form action="" method="POST" id="login-form">{% csrf_token %}
<div class="form-group px-3">
@ -23,7 +26,10 @@
<button type="submit" class="btn btn-primary" id="login-btn"><i class="fas fa-sign-in-alt"></i><small> SIGN IN</small></button>
</form>
<br>
<div class="login-bottom">
<a href="{% url 'password_reset' %}" class="link">Forgot password ?</a>
<a href="{% url 'register' %}" class="link">Don't have an account ?</a>
</div>
</div>
{% endblock content %}