password-reset: styled all pages

Signed-off-by: Rico Hoppe <rico.hoppe@ipfire.org>

diff --git a/src/templates/auth/password-reset-initiation.html b/src/templates/auth/password-reset-initiation.html
index fb368d360946d6d9232d0b6611635578fd466bfd..d1471f576513ba97230d3003e2a8a0e8ee2ab1ef 100644 (file)
--- a/src/templates/auth/password-reset-initiation.html
+++ b/src/templates/auth/password-reset-initiation.html
@@ -2,30 +2,39 @@
 
 {% block title %}{{ _("Password Reset") }}{% end block %}
 
-{% block content %}
-       <div class="row justify-content-center my-5">
-               <div class="col col-md-4">
-                       <div class="card">
-                               <div class="card-body">
-                                       <h5 class="card-title text-center mb-4">{{ _("Password Reset") }}</h5>
+{% block container %}
+       <section class="section">
+               <div class="container">
+                       <div class="columns is-centered">
+                               <div class="column is-one-third">
+                                       <h1 class="title is-1">
+                                               IPFire<span class="has-text-primary">_</span>
+                                       </h1>
+                                       <h4 class="subtitle is-4">{{ _("Reset Your Password") }}</h4>
 
-                                       <form action="" method="POST">
-                                               {% raw xsrf_form_html() %}
+                                       <div class="block">
+                                               <form action="" method="POST">
+                                                       {% raw xsrf_form_html() %}
 
-                                               <div class="mb-3">
-                                                       <input type="text" class="form-control form-control-lg"
-                                                               name="username" placeholder="{{ _("Username") }}"
-                                                               value="{{ username or "" }}" required autofocus>
-                                               </div>
+                                                       <div class="field">
+                                                               <div class="control">
+                                                                       <input class="input is-medium"
+                                                                               type="text" name="username" {% if username %}value="{{ username }}"{% end %}
+                                                                               placeholder="{{ _("Username") }}" required autofocus>
+                                                               </div>
+                                                       </div>
 
-                                               <div class="d-grid">
-                                                       <button type="submit" class="btn btn-primary">
-                                                               {{ _("Reset Password") }}
-                                                       </button>
-                                               </div>
-                                       </form>
+                                                       <div class="field">
+                                                               <div class="control">
+                                                                       <button class="button is-primary is-medium is-fullwidth">
+                                                                               {{ _("Reset Password") }}
+                                                                       </button>
+                                                               </div>
+                                                       </div>
+                                               </form>
+                                       </div>
                                </div>
                        </div>
                </div>
-       </div>
-{% end block %}
+       </section>
+{% end block %}
\ No newline at end of file

diff --git a/src/templates/auth/password-reset-successful.html b/src/templates/auth/password-reset-successful.html
index ff45d61a3ac590666f5126b575a1f838a3851a30..5075c8ee90d79b7d809b8def9381bab184b8de52 100644 (file)
--- a/src/templates/auth/password-reset-successful.html
+++ b/src/templates/auth/password-reset-successful.html
@@ -3,17 +3,18 @@
 {% block title %}{{ _("Password Reset") }}{% end block %}
 
 {% block content %}
-       <div class="row justify-content-center my-5">
-               <div class="col-12 col-md-6">
-                       <div class="card bg-success text-white p-md-5">
-                               <div class="card-body text-center">
-                                       <span class="fas fa-lock fa-5x my-4"></span>
+       <section class="section">
+               <div class="container">
+                       <div class="columns is-centered">
+                               <div class="column is-one-third">
+                                       <h1 class="title is-1">
+                                               IPFire<span class="has-text-primary">_</span>
+                                       </h1>
+                                       <h4 class="subtitle is-4">{{ _("Reset Your Password") }}</h4>
 
-                                       <p class="lead">
-                                               {{ _("You will shortly receive an email with instructions on how to reset your password.") }}
-                                       </p>
+                                       <p class="is-size-5">{{ _("You will shortly receive an email with instructions on how to reset your password.") }}</p>
                                </div>
                        </div>
                </div>
-       </div>
+       </section>
 {% end block %}

diff --git a/src/templates/auth/password-reset.html b/src/templates/auth/password-reset.html
index 17657d62fff173e4b78dc5bf48c9a881022d95b8..a7d45b6746bfd60815b321849ef7981a884bd5ed 100644 (file)
--- a/src/templates/auth/password-reset.html
+++ b/src/templates/auth/password-reset.html
@@ -2,22 +2,33 @@
 
 {% block title %}{{ _("Password Reset") }}{% end block %}
 
-{% block content %}
-       <div class="row justify-content-center my-5">
-               <div class="col col-md-4">
-                       <h5 class=" mb-4">{{ _("Reset Your Password") }}</h5>
+{% block container %}
+       <section class="section">
+               <div class="container">
+                       <div class="columns is-centered">
+                               <div class="column is-one-third">
+                                       <h1 class="title is-1">
+                                               IPFire<span class="has-text-primary">_</span>
+                                       </h1>
+                                       <h4 class="subtitle is-4">{{ _("Reset Your Password") }}</h4>
 
-                       <form action="" method="POST">
-                               {% raw xsrf_form_html() %}
+                                       <div class="block">
+                                               <form action="" method="POST">
+                                                       {% raw xsrf_form_html() %}
 
-                               {% module Password(account) %}
+                                                       {% module Password(account) %}
 
-                               <div class="d-grid">
-                                       <button type="submit" class="btn btn-primary" disabled>
-                                               {{ _("Reset Password") }}
-                                       </button>
+                                                       <div class="field">
+                                                               <div class="control">
+                                                                       <button class="button is-primary is-medium is-fullwidth">
+                                                                               {{ _("Reset Password") }}
+                                                                       </button>
+                                                               </div>
+                                                       </div>
+                                               </form>
+                                       </div>
                                </div>
-                       </form>
+                       </div>
                </div>
-       </div>
-{% end block %}
+       </section>
+{% end block %}
\ No newline at end of file