This commit is contained in:
George Lacey 2021-06-01 14:48:34 +01:00
parent ba55d7491f
commit d29ffdc660

View File

@ -3,53 +3,52 @@
{% block title %}Login{% endblock %} {% block title %}Login{% endblock %}
{% load static %} {% load static %}
{% block script %} {% block script %}
{{block.super}} {{ block.super }}
{% endblock %} {% endblock %}
{% block style %} {% block style %}
{{ block.super }} {{ block.super }}
body { body {
background-color: aliceblue; background-color: aliceblue;
} }
.vertical-center { .vertical-center {
min-height: 60%; min-height: 60%;
min-height: 60vh; min-height: 60vh;
display: flex; display: flex;
align-items: center; align-items: center;
} }
form { form {
min-width: 300px; min-width: 300px;
} }
{% endblock %} {% endblock %}
{% block body %} {% block body %}
<div class="container vertical-center justify-content-center"> <div class="container vertical-center justify-content-center">
<div> <div>
<h1 class="display-4 fw-normal align-bottom text-center">Log in</h1> <h1 class="display-4 fw-normal align-bottom text-center">Log in</h1>
<form method="post" class="mx-auto pt-4"> <form method="post" class="mx-auto pt-4">
{% csrf_token %} {% csrf_token %}
<!-- <img class="mb-4" src="" alt="" width="" height="">--> <div class="shadow form-floating my-2">
<input class="form-control" placeholder="Username" type="text" name="username" autofocus=""
autocapitalize="none" autocomplete="username"
maxlength="150" required="" id="{{ form.username.id_for_label }}">
<label for="{{ form.username.id_for_label }}">Username</label>
<div class="shadow form-floating my-2"> </div>
<input class="form-control" placeholder="Username" type="text" name="username" autofocus="" <div class="shadow form-floating mb-4">
autocapitalize="none" autocomplete="username" <input class="form-control" placeholder="Password" type="password" name="password"
maxlength="150" required="" id="{{ form.username.id_for_label }}"> autocomplete="current-password" required=""
<label for="{{ form.username.id_for_label }}">Username</label> id="{{ form.password.id_for_label }}">
<label for="{{ form.password.id_for_label }}">Password</label>
</div>
<button class="shadow w-100 btn btn-lg btn-secondary" type="submit">Log In</button>
</form>
</div> </div>
<div class="shadow form-floating mb-4"> </div>
<input class="form-control" placeholder="Password" type="password" name="password"
autocomplete="current-password" required=""
id="{{ form.password.id_for_label }}">
<label for="{{ form.password.id_for_label }}">Password</label>
</div>
<button class="shadow w-100 btn btn-lg btn-secondary" type="submit">Log In</button>
</form>
</divclass>
</div>
{% endblock %} {% endblock %}