change Login Style

This commit is contained in:
Kevin Heyer 2025-09-22 07:42:26 +02:00
parent 566d6aa096
commit f8d3062da6

View file

@ -1,17 +1,12 @@
{% load static %} {% extends "base.html" %}
<!doctype html> {% load i18n %}
<html lang="de">
<head>
<meta charset="utf-8">
<title>Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Wenn Bulma bereits global geladen wird, diesen Link entfernen --> {% block title %}{% trans "Login" %}{% endblock %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css">
</head>
<body class="has-background-light">
<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="hero-body">
<div class="container"> <div class="container">
<div class="columns is-centered"> <div class="columns is-centered">
@ -19,7 +14,7 @@
<div class="card"> <div class="card">
<header class="card-header"> <header class="card-header">
<p class="card-header-title">Bitte anmelden</p> <p class="card-header-title">{% trans "Bitte anmelden" %}</p>
</header> </header>
<div class="card-content"> <div class="card-content">
@ -36,7 +31,7 @@
<!-- Benutzername --> <!-- Benutzername -->
<div class="field"> <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"> <div class="control has-icons-left">
<input <input
class="input{% if form.username.errors %} is-danger{% endif %}" class="input{% if form.username.errors %} is-danger{% endif %}"
@ -49,16 +44,14 @@
required> required>
<span class="icon is-left">👤</span> <span class="icon is-left">👤</span>
</div> </div>
{% if form.username.errors %} {% for error in form.username.errors %}
{% for error in form.username.errors %} <p class="help is-danger">{{ error }}</p>
<p class="help is-danger">{{ error }}</p> {% endfor %}
{% endfor %}
{% endif %}
</div> </div>
<!-- Passwort --> <!-- Passwort -->
<div class="field"> <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"> <div class="control has-icons-left">
<input <input
class="input{% if form.password.errors %} is-danger{% endif %}" class="input{% if form.password.errors %} is-danger{% endif %}"
@ -70,11 +63,9 @@
required> required>
<span class="icon is-left">🔒</span> <span class="icon is-left">🔒</span>
</div> </div>
{% if form.password.errors %} {% for error in form.password.errors %}
{% for error in form.password.errors %} <p class="help is-danger">{{ error }}</p>
<p class="help is-danger">{{ error }}</p> {% endfor %}
{% endfor %}
{% endif %}
</div> </div>
<input type="hidden" name="next" value="{{ next }}"> <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="field is-grouped is-justify-content-space-between is-align-items-center">
<div class="control"> <div class="control">
<button type="submit" class="button is-primary"> <button type="submit" class="button is-primary">
Anmelden {% trans "Anmelden" %}
</button> </button>
</div> </div>
<div class="control"> <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>
</div> </div>
</form> </form>
@ -104,6 +95,4 @@
</div> </div>
</div> </div>
</section> </section>
{% endblock %}
</body>
</html>