ux: Better responsive design (not great yet)

This commit is contained in:
selfhoster selfhoster 2026-09-21 16:20:55 +02:00
commit a2653c9e77
2 changed files with 83 additions and 28 deletions

View file

@ -1,6 +1,6 @@
{% extends 'base.html' %}
{% block main %}
<main id="center">
<main id="login-screen">
<img src="/assets/img/logo.png" id="logo">
{% if login_error == "InvalidCredentials" %}
<div class="banner is-error">
@ -12,15 +12,15 @@
</div>
{% endif %}
<form method="POST" action="{{ login_url }}">
<div id="login-line">
<div class="login-line login-line-input">
<img src="/assets/img/user.svg">
<input type="text" name="username" id="username" placeholder="Username">
</div>
<div id="login-line">
<div class="login-line login-line-input">
<img src="/assets/img/password.svg">
<input type="password" name="password" id="password" placeholder="Password">
</div>
<div id="login-line">
<div class="login-line">
<input type="submit" id="submit-login" value="LOG IN">
</div>
</form>