style(error): layout improvements

This commit is contained in:
ayo 2026-06-06 15:36:46 +02:00
parent cd1d2821a4
commit 9fead0aebe

View file

@ -29,8 +29,6 @@
margin: 0 auto; margin: 0 auto;
color: var(--text-color-dark); color: var(--text-color-dark);
font-size: var(--font-size-base); font-size: var(--font-size-base);
display: grid;
gap: 1em;
padding: 0 1em; padding: 0 1em;
a { a {
@ -54,6 +52,7 @@
header, header,
footer { footer {
height: fit-content;
background: var(--ayo-gradient); background: var(--ayo-gradient);
color: var(--text-color-light); color: var(--text-color-light);
border-radius: 5px; border-radius: 5px;
@ -65,13 +64,16 @@
} }
} }
header {
margin-top: 1em;
}
footer { footer {
border-bottom-left-radius: 0; margin-bottom: 1em;
border-bottom-right-radius: 0;
} }
main { main {
padding: 1em 0;
& ul.tags { & ul.tags {
list-style: none; list-style: none;
padding-left: 0; padding-left: 0;
@ -83,6 +85,7 @@
.error-message { .error-message {
overflow-x: auto; overflow-x: auto;
font-size: small;
} }
display: grid; display: grid;
@ -151,8 +154,8 @@
</head> </head>
<body> <body>
<a id="top"></a>
<header> <header>
<a id="top"></a>
{% include "nav.html" %} {% include "nav.html" %}
<a class="app-title" href="{{url_for('threads.home')}}"> <a class="app-title" href="{{url_for('threads.home')}}">
<h1>{{ app.title }}</h1> <h1>{{ app.title }}</h1>
@ -180,7 +183,7 @@
<p> <p>
Powered by <a href="https://ayco.io/sh/threads">/threads</a> Powered by <a href="https://ayco.io/sh/threads">/threads</a>
</p> </p>
<p>Rendered on {{ render_date }} in Europe/Amsterdam</p> <p>Rendered on {{ render_date }} in Europe/Amsterdam :)</p>
</footer> </footer>
<script defer type="module"> <script defer type="module">