Bilder-Rand-Fix-Fiunal

This commit is contained in:
2026-09-07 19:26:26 +02:00
parent c057fde907
commit b00679f8af
3 changed files with 3 additions and 2 deletions

View File

@@ -26,6 +26,7 @@
.scrap-grid { .scrap-grid {
display: flex; flex-wrap: wrap; gap: 2em 1.6em; justify-content: center; padding: 1em 0.5em; display: flex; flex-wrap: wrap; gap: 2em 1.6em; justify-content: center; padding: 1em 0.5em;
align-items: flex-start;
} }
.scrap-item { background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,0.16); transition: transform 0.15s ease; } .scrap-item { background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,0.16); transition: transform 0.15s ease; }

View File

@@ -21,7 +21,7 @@
.tab-btn { background: #fff; color: var(--ink-soft); border: 2px solid var(--line); box-shadow: none; padding: 0.5em 1em; } .tab-btn { background: #fff; color: var(--ink-soft); border: 2px solid var(--line); box-shadow: none; padding: 0.5em 1em; }
.tab-btn.active { background: var(--ink-soft); color: #fff; border-color: var(--ink-soft); } .tab-btn.active { background: var(--ink-soft); color: #fff; border-color: var(--ink-soft); }
.blocks-list { display: flex; flex-wrap: wrap; gap: 1.2em; margin-top: 1.4em; } .blocks-list { display: flex; flex-wrap: wrap; gap: 1.2em; margin-top: 1.4em; align-items: flex-start; }
.block-item { .block-item {
background: var(--paper-2); border-radius: 10px; box-shadow: var(--shadow); background: var(--paper-2); border-radius: 10px; box-shadow: var(--shadow);
padding: 1em; width: 220px; position: relative; padding: 1em; width: 220px; position: relative;

View File

@@ -209,7 +209,7 @@ async function buildFullHtml(friends, bookTitle) {
.sb-row { display: flex; gap: 6px; font-size: 13px; margin-bottom: 2mm; font-family: Georgia, serif; } .sb-row { display: flex; gap: 6px; font-size: 13px; margin-bottom: 2mm; font-family: Georgia, serif; }
.sb-key { font-weight: bold; min-width: 32mm; color: #6b4f8c; } .sb-key { font-weight: bold; min-width: 32mm; color: #6b4f8c; }
.muted { color: #9a8fb0; font-style: italic; font-size: 12px; font-family: Georgia, serif; } .muted { color: #9a8fb0; font-style: italic; font-size: 12px; font-family: Georgia, serif; }
.blocks { display: flex; flex-wrap: wrap; gap: 6mm; } .blocks { display: flex; flex-wrap: wrap; gap: 6mm; align-items: flex-start; }
.pdf-block { background: #fff; padding: 4mm; box-shadow: 0 3px 10px rgba(0,0,0,0.15); } .pdf-block { background: #fff; padding: 4mm; box-shadow: 0 3px 10px rgba(0,0,0,0.15); }
.polaroid { padding: 4mm 4mm 6mm; width: 58mm; } .polaroid { padding: 4mm 4mm 6mm; width: 58mm; }
.polaroid img { display: block; max-width: 100%; max-height: 55mm; width: auto; height: auto; margin: 0 auto; } .polaroid img { display: block; max-width: 100%; max-height: 55mm; width: auto; height: auto; margin: 0 auto; }