fix(ui): top-align layout and restyle footer version link (#20)

* fix(footer): improve version hyperlink design

* fix(layout): avoid vertical centering; top-align with responsive offset
This commit is contained in:
2025-10-17 12:49:50 +02:00
committed by GitHub
parent 9c3aad5205
commit 6a71380297
2 changed files with 31 additions and 3 deletions

View File

@@ -8,7 +8,7 @@
<title>sulej.ch</title>
</svelte:head>
<div style="height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: clamp(1rem, 1.5vw, 1.5rem); padding: clamp(0.5rem, 2vw, 1.5rem); font-size: clamp(1rem, 1rem + 1vw, 1.5rem);">
<div style="min-height: 100vh; padding-top: clamp(1rem, 8vh, 6rem); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; text-align: center; gap: clamp(1rem, 1.5vw, 1.5rem); padding-left: clamp(0.5rem, 2vw, 1.5rem); padding-right: clamp(0.5rem, 2vw, 1.5rem); padding-bottom: clamp(0.5rem, 2vw, 1.5rem); font-size: clamp(1rem, 1rem + 1vw, 1.5rem);">
<slot />
</div>