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

better piece eq

Browse Source
This commit is contained in:
Simon Martens
2025-09-20 01:21:26 +02:00
parent 5dcda918f0
commit 8f4ad4bfca
7 changed files with 454 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
views/routes/piece/body.gohtml
View File

@@ -6,14 +6,14 @@
<!-- Two-column layout for piece view -->
<div class="flex flex-col lg:flex-row gap-6 w-full min-h-screen">
<!-- Column 1: Table of Contents ONLY -->
<div class="lg:w-1/3 xl:w-1/4 flex-shrink-0 bg-slate-50 px-8 py-4">
<div class="lg:w-1/4 xl:w-1/5 flex-shrink-0 bg-slate-50 px-8 py-4">
<div class="lg:sticky lg:top-8 lg:overflow-y-auto">
{{ template "_piece_inhaltsverzeichnis" . }}
</div>
</div>
<!-- Column 2: Sequential Page Layout -->
<div class="lg:w-2/3 xl:w-3/4 flex-1 py-4">
<div class="lg:w-3/4 xl:w-4/5 flex-1 py-4">
{{ template "_piece_sequential_layout" . }}
</div>
</div>

2
views/routes/piece/components/_piece_inhaltsverzeichnis.gohtml
View File

@@ -82,10 +82,10 @@
<!-- Content area -->
<div class="space-y-0">
{{ if $pageEntry.OtherPieces }}
<div class="italic text-slate-600 text-xs pt-1 pb-1">Außerdem:</div>
{{ range $otherPiece := $pageEntry.OtherPieces }}
<div class="inhalts-entry py-1 px-0 bg-slate-50 rounded hover:bg-slate-100 transition-colors duration-200"
data-page="{{ $pageEntry.PageNumber }}">
<div class="italic text-slate-600 text-xs mb-1">Außerdem:</div>
{{ template "_inhaltsverzeichnis_eintrag" $otherPiece.PieceByIssue }}
</div>
{{ end }}

2
views/routes/piece/components/_piece_sequential_layout.gohtml
View File

@@ -82,7 +82,7 @@
<!-- Modal for enlarged view - reuse existing modal -->
<div
id="pageModal"
class="absolute inset-0 bg-black bg-opacity-75 hidden z-50 flex items-center justify-center backdrop-blur-sm"
class="fixed inset-0 bg-black bg-opacity-75 hidden z-50 flex items-center justify-center backdrop-blur-sm"
onclick="closeModal()">
<div class="relative max-w-full max-h-full p-4">
<img id="modalImage" src="" alt="" class="max-w-full max-h-full object-contain rounded-lg" />