ui: add custom centered 404 page

This commit is contained in:
2026-04-12 14:58:08 +02:00
parent 39f09c104f
commit 09d2fd3a88
3 changed files with 55 additions and 4 deletions

View File

@@ -466,6 +466,41 @@ main {
font-size: 0.9rem;
}
.not-found-page {
width: min(780px, calc(100vw - (var(--space-6) * 2)));
min-height: 72vh;
margin: 0 auto;
padding: var(--space-8) var(--space-7);
display: grid;
align-content: center;
justify-items: center;
gap: var(--space-3);
text-align: center;
}
.not-found-code {
margin: 0;
color: var(--text-muted);
font-size: clamp(4rem, 15vw, 10rem);
letter-spacing: 0.04em;
line-height: 0.9;
}
.not-found-page h1 {
margin: 0;
font-size: clamp(2rem, 4vw, 3rem);
}
.not-found-link {
color: var(--accent);
text-decoration: none;
font-size: 1.05rem;
}
.not-found-link:hover {
text-decoration: underline;
}
.auth-shell {
width: min(560px, 100%);
}