ui: App-Rahmen-Layout auf allen Seiten (Header/Footer fix, main scrollt intern)

Statt Seiten-Scroll jetzt überall der Journal-„Rahmen": body height:100dvh +
overflow:hidden, Header oben / Footer unten fix, main scrollt INTERN mit
verstecktem Scrollbalken. Dadurch:
- keine Seiten-Scrollbar → Header/Footer reichen schwarz bis an den rechten Rand
  (kein weißer scrollbar-gutter-Streifen mehr)
- Footer immer unten, Inhalt im Rahmen dazwischen
- nichts hat sichtbare Scrollbalken

Inhalt 72ch-zentriert in der vollbreiten Scroll-Fläche; Hero-Bild füllt die
volle Breite (kein 100vw-Hack mehr); Breadcrumb wandert in main (scrollt mit).
Mobil: normaler Seiten-Scroll (kein 100dvh-Rahmen).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-01 05:36:45 +02:00
parent 309d12f8a2
commit af587af851
2 changed files with 41 additions and 31 deletions
+8 -6
View File
@@ -14,12 +14,14 @@
{{ partial "menu.html" (dict "menuID" "main" "page" .) }}
</nav>
</header>
<main id="main-content" role="main">{{ block "main" . }}{{ end }}</main>
{{ if not .IsHome }}
<nav class="page-foot-nav" aria-label="Breadcrumb">
{{ partial "header.html" . }}
</nav>
{{ end }}
<main id="main-content" role="main">
{{ block "main" . }}{{ end }}
{{ if not .IsHome }}
<nav class="page-foot-nav" aria-label="Breadcrumb">
{{ partial "header.html" . }}
</nav>
{{ end }}
</main>
<footer role="contentinfo">{{ partial "footer.html" . }}</footer>
</body>
</html>