Brummel/doctate
1
0
Fork 0
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor login page styling

Browse Source 
Adjusted layout for better readability and alignment. Increased heading
size and centered it. Updated input and button padding for consistency
and improved visual hierarchy. Added a subtle color and increased
font-size for labels.
This commit is contained in:
Brummel
2026-04-20 10:55:16 +02:00
parent e795bdf6a5
commit 3ad8c4c2e9
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/templates/login.html
+8 -7
View File
@@ -4,23 +4,24 @@
<meta charset="utf-8">
<title>Doctate — Login</title>
<style>
body { font-family: sans-serif; max-width: 400px; margin: 4em auto; padding: 0 1em; }
h1 { font-size: 1.3em; }
form { display: flex; flex-direction: column; gap: 0.7em; }
input { padding: 0.5em; font-size: 1em; }
button { padding: 0.6em; font-size: 1em; cursor: pointer; }
body { font-family: sans-serif; max-width: 360px; margin: 4em auto; padding: 0 1em; }
h1 { font-size: 1.8em; margin: 0 0 1em; text-align: center; }
form { display: flex; flex-direction: column; gap: 0.8em; }
label { display: flex; flex-direction: column; gap: 0.25em; font-size: 0.9em; color: #555; }
input, button { box-sizing: border-box; width: 100%; padding: 0.6em; font-size: 1em; font-family: inherit; }
button { cursor: pointer; margin-top: 0.4em; }
.error { background: #fee; border: 1px solid #e99; padding: 0.5em; border-radius: 4px; color: #900; }
</style>
</head>
<body>
<h1>Doctate Login</h1>
<h1>Doctate</h1>
{% match error %}
{% when Some with (msg) %}
<div class="error">{{ msg }}</div>
{% when None %}
{% endmatch %}
<form method="post" action="/web/login">
<label>Benutzer (slug)<input type="text" name="slug" autofocus required></label>
<label>Benutzer<input type="text" name="slug" autofocus required></label>
<label>Passwort<input type="password" name="password" required></label>
<button type="submit">Anmelden</button>
</form>