From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Fri, 30 Jun 2023 02:37:10 +0000 (+0000)
Subject: password-reset: styled all pages
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=66ef1f7e261d136503ff009fdd9ea4784744a052;p=ipfire.org.git

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 fb368d36..d1471f57 100644
--- 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 ff45d61a..5075c8ee 100644
--- 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 17657d62..a7d45b67 100644
--- 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