LuckyTrixx/Freundebuch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bilder Aspect + name centered + Preview

Browse Source
This commit is contained in:
Daniel
2026-09-07 18:53:41 +02:00
parent a426d5d779
commit b639c03ef8
7 changed files with 130 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
backend/public/friend/index.html
View File

@@ -6,6 +6,7 @@
<title>Freundesbuch</title>
<link rel="stylesheet" href="/assets/style.css" />
<link rel="stylesheet" href="/friend/friend.css" />
<link rel="stylesheet" href="/book/book.css" />
</head>
<body>
@@ -26,7 +27,10 @@
<div id="editorRoot" style="display:none;">
<div class="top-bar card" style="border-radius:0;">
<h1 style="margin:0;" id="pageTitle">📖 Freund</h1>
<div id="adminBackWrap"><a class="btn secondary" href="/admin">← Zur Übersicht</a></div>
<div style="display:flex; gap:0.6em; flex-wrap:wrap;">
<button type="button" class="secondary" id="previewBtn">👀 Vorschau</button>
<div id="adminBackWrap"><a class="btn secondary" href="/admin">← Zur Übersicht</a></div>
</div>
</div>
<div class="container">
@@ -82,6 +86,19 @@
</div>
</div>
<!-- Vorschau-Modal: zeigt die Seite so, wie sie später im Freundesbuch aussieht -->
<div id="previewModal" class="preview-modal-backdrop" style="display:none;">
<div class="preview-modal">
<div class="preview-modal-head">
<h2 style="margin:0;">👀 So sieht deine Seite im Freundesbuch aus</h2>
<button type="button" class="secondary" id="previewCloseBtn">Schließen</button>
</div>
<div class="preview-modal-body">
<div id="previewContent" class="book-root" style="padding:1.5em 0.5em;"></div>
</div>
</div>
</div>
<script src="/friend/friend.js"></script>
</body>
</html>