change Login Style
This commit is contained in:
parent
566d6aa096
commit
f8d3062da6
1 changed files with 19 additions and 30 deletions
|
@ -1,17 +1,12 @@
|
|||
{% load static %}
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Login</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
{% extends "base.html" %}
|
||||
{% load i18n %}
|
||||
|
||||
<!-- Wenn Bulma bereits global geladen wird, diesen Link entfernen -->
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
|
||||
</head>
|
||||
<body class="has-background-light">
|
||||
{% block title %}{% trans "Login" %}{% endblock %}
|
||||
|
||||
<section class="hero is-fullheight">
|
||||
{% block breadcrumbs %}{% endblock %} {# Breadcrumbs bei Login-Seite ausblenden #}
|
||||
|
||||
{% block content %}
|
||||
<section class="hero is-fullheight has-background-light">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="columns is-centered">
|
||||
|
@ -19,7 +14,7 @@
|
|||
|
||||
<div class="card">
|
||||
<header class="card-header">
|
||||
<p class="card-header-title">Bitte anmelden</p>
|
||||
<p class="card-header-title">{% trans "Bitte anmelden" %}</p>
|
||||
</header>
|
||||
|
||||
<div class="card-content">
|
||||
|
@ -36,7 +31,7 @@
|
|||
|
||||
<!-- Benutzername -->
|
||||
<div class="field">
|
||||
<label class="label" for="{{ form.username.id_for_label }}">Benutzername</label>
|
||||
<label class="label" for="{{ form.username.id_for_label }}">{% trans "Benutzername" %}</label>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input{% if form.username.errors %} is-danger{% endif %}"
|
||||
|
@ -49,16 +44,14 @@
|
|||
required>
|
||||
<span class="icon is-left">👤</span>
|
||||
</div>
|
||||
{% if form.username.errors %}
|
||||
{% for error in form.username.errors %}
|
||||
<p class="help is-danger">{{ error }}</p>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% for error in form.username.errors %}
|
||||
<p class="help is-danger">{{ error }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<!-- Passwort -->
|
||||
<div class="field">
|
||||
<label class="label" for="{{ form.password.id_for_label }}">Passwort</label>
|
||||
<label class="label" for="{{ form.password.id_for_label }}">{% trans "Passwort" %}</label>
|
||||
<div class="control has-icons-left">
|
||||
<input
|
||||
class="input{% if form.password.errors %} is-danger{% endif %}"
|
||||
|
@ -70,11 +63,9 @@
|
|||
required>
|
||||
<span class="icon is-left">🔒</span>
|
||||
</div>
|
||||
{% if form.password.errors %}
|
||||
{% for error in form.password.errors %}
|
||||
<p class="help is-danger">{{ error }}</p>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% for error in form.password.errors %}
|
||||
<p class="help is-danger">{{ error }}</p>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<input type="hidden" name="next" value="{{ next }}">
|
||||
|
@ -82,11 +73,11 @@
|
|||
<div class="field is-grouped is-justify-content-space-between is-align-items-center">
|
||||
<div class="control">
|
||||
<button type="submit" class="button is-primary">
|
||||
Anmelden
|
||||
{% trans "Anmelden" %}
|
||||
</button>
|
||||
</div>
|
||||
<div class="control">
|
||||
<a class="button is-text" href="{% url 'password_reset' %}">Passwort vergessen?</a>
|
||||
<a class="button is-text" href="{% url 'password_reset' %}">{% trans "Passwort vergessen?" %}</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
@ -104,6 +95,4 @@
|
|||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
{% endblock %}
|
||||
|
|
Loading…
Add table
Reference in a new issue