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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user