Style password_reset.html allauth

tomik-z-cech · Feb 5, 2024 · 5c76aca · 5c76aca
1 parent ffa0ebc
commit 5c76aca
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 7 deletions.
diff --git a/templates/account/password_reset.html b/templates/account/password_reset.html
@@ -2,8 +2,10 @@
 {% load i18n allauth account %}
 {% load static %}
 
+{% block nav_name %}Password Reset{% endblock %}
+
 <!-- Styling only for this html document so it won't effect other pages with elements with same id-->
-{% block extra_styles %}
+{% block extra_css %}
 <style>
     label[for="id_email"] {
         display: none;

diff --git a/templates/account/password_reset_from_key.html b/templates/account/password_reset_from_key.html
@@ -3,10 +3,12 @@
 {% load allauth %}
 {% load static %}
 
+{% block nav_name %}Password Reset{% endblock %}
+
 {% block content %}
-<div class="container wrapper d-flex justify-content-center align-items-center" style="background: url('{% static "images/background-form.jpg" %}') no-repeat fixed top right / cover;">
-    <div class="form-background">
-    <h1 class="text-center">
+<div class="container wrapper d-flex justify-content-center align-items-center">
+    <div class="form-background add-shadow">
+    <h1 class="text-center mb-2">
         {% if token_fail %}
             Bad Token
         {% else %}
@@ -27,7 +29,7 @@ <h1 class="text-center">
             {% endslot %}
             {% slot actions %}
             <div class="w-100 d-flex justify-content-center p-3">
-                <button type="submit" name="action" class="btn btn-success button-shadow">
+                <button type="submit" name="action" class="custom-button button-shadow mt-2">
                     Change Password
                 </button>
             </div>

diff --git a/templates/account/password_reset_from_key_done.html b/templates/account/password_reset_from_key_done.html
@@ -3,10 +3,11 @@
 {% load allauth %}
 {% load static %}
 
+{% block nav_name %}Password Reset{% endblock %}
 
 {% block content %}
-<div class="container wrapper d-flex justify-content-center align-items-center" style="background: url('{% static "images/background-form.jpg" %}') no-repeat fixed top right / cover;">
-    <div class="form-background">
+<div class="container wrapper d-flex justify-content-center align-items-center">
+    <div class="form-background add-shadow">
     <h1 class="text-center">
         {% trans "Change Password" %}
     </h1>