From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sun, 29 May 2022 14:42:04 +0000 (+0000)
Subject: templates: Redesign login
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b37b8c550b49bca552a2f57f726455117c9701e7;p=pbs.git

templates: Redesign login

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/static/css/site.scss b/src/static/css/site.scss
index 8c514eff..1ca2c237 100644
--- a/src/static/css/site.scss
+++ b/src/static/css/site.scss
@@ -71,7 +71,7 @@ $foundation-palette: (
 
 // Helpers
 @include foundation-float-classes;
-// @include foundation-flex-classes;
+@include foundation-flex-classes;
 @include foundation-visibility-classes;
 // @include foundation-prototype-classes;
 
diff --git a/src/templates/login.html b/src/templates/login.html
index ce8d9ca3..0949b105 100644
--- a/src/templates/login.html
+++ b/src/templates/login.html
@@ -1,41 +1,27 @@
 {% extends "base.html" %}
 
-{% block title %}{{ _("Login") }}{% end block %}
+{% block title %}{{ _("Log In") }}{% end block %}
 
-{% block body %}
-	<div class="row align-items-center justify-content-center">
-		<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4">
-			<h1>{{ _("Login") }}</h1>
-		</div>
-	</div>
+{% block container %}
+	<div class="grid-x grid-padding-x align-center">
+		<div class="cell medium-6">
+			<div class="callout">
+				<h3>{{ _("Log In") }}</h3>
+
+				{% if failed %}
+					<p>{{ _("Login failed") }}</p>
+				{% end %}
+
+				<form method="POST" action="">
+					{% raw xsrf_form_html() %}
 
-	{% if failed %}
-	<div class="row align-items-center justify-content-center">
-		<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4">
-			<div class="alert alert-danger">
-				<h4 class="alert-heading">{{ _("Login failed!") }}</h4>
-				{{ _("Username and/or password was wrong. Login failed.") }}
+					<input type="text" name="name" placeholder="{{ _("Username") }}">
+
+					<input type="password" name="pass" placeholder="{{ _("Password") }}">
+
+					<button type="submit" class="primary button">{{ _("Log In") }}</button>
+				</form>
 			</div>
 		</div>
 	</div>
-	{% end %}
-	<div class="row align-items-center justify-content-center">
-		<div class="col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4">
-			<form method="POST" action="">
-				{% raw xsrf_form_html() %}
-				<div class="form-group">
-					  <label for="name">{{ _("Username or email address") }}</label>
-					  <input type="text"
-						  class="form-control" id="name" name="name" aria-describedby="nameHelp"
-						  placeholder="Enter email or username">
-				</div>
-				<div class="form-group">
-					  <label for="pass">{{ _("Password") }}</label>
-					  <input type="password" class="form-control" id="pass" name="pass" laceholder="{{ _("Password") }}">
-				</div>
-				<button type="submit" class="btn btn-primary">{{ _("Login") }}</button>
-			</form>
-			<hr>
-		</div>
-	</div>
 {% end %}