Theodor-Springmann-Stiftung/kgpz_web
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/kgpz_web.git synced 2025-10-29 09:05:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Further styling

Browse Source
This commit is contained in:
Simon Martens
2025-09-14 18:28:35 +02:00
parent 7fc3ee238c
commit 6b9d45642d
5 changed files with 254 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
views/routes/ausgabe/body.gohtml
View File

@@ -1,20 +1,35 @@
{{ $model := .model }}
{{ if $model.Images.HasImages }}
<div class="flex flex-col lg:flex-row gap-6 w-full min-h-screen mt-8">
<!-- Left side: Sticky Inhaltsverzeichnis -->
<div class="lg:w-1/3 xl:w-1/4 flex-shrink-0">
<div class="lg:sticky lg:top-12 lg:max-h-[calc(100vh-2rem)] lg:overflow-y-auto">
{{ template "_title_nav" . }}
{{ template "_inhaltsverzeichnis" . }}
</div>
</div>
<!-- Right side: Newspaper pages -->
<div class="lg:w-2/3 xl:w-3/4 flex-1">
{{ template "_newspaper_layout" . }}
</div>
</div>
{{ $layout := .Request.URL.Query.Get "layout" }}
{{ if eq $layout "fullwidth" }}
{{ template "_fullwidth_layout" . }}
{{ else }}
<!-- Default sidebar layout -->
<div class="flex flex-col lg:flex-row gap-6 w-full min-h-screen mt-8">
<!-- Left side: Sticky Inhaltsverzeichnis -->
<div class="lg:w-1/3 xl:w-1/4 flex-shrink-0">
<div class="lg:sticky lg:top-12 lg:max-h-[calc(100vh-2rem)] lg:overflow-y-auto">
{{ template "_title_nav" . }}
{{ template "_inhaltsverzeichnis" . }}
<!-- Switch to fullwidth button -->
<div class="mt-4">
<a href="?layout=fullwidth" class="flex items-center justify-center px-3 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-md transition-colors text-sm">
<i class="ri-fullscreen-line mr-1"></i>
Vollbild
</a>
</div>
</div>
</div>
<!-- Right side: Newspaper pages -->
<div class="lg:w-2/3 xl:w-3/4 flex-1">
{{ template "_newspaper_layout" . }}
</div>
</div>
{{ end }}
{{ else }}
<div class="max-w-4xl">
{{ template "_title_nav" . }}