diff --git a/backend/public/book/book.css b/backend/public/book/book.css index 301bbeb..e81528d 100644 --- a/backend/public/book/book.css +++ b/backend/public/book/book.css @@ -31,7 +31,7 @@ .scrap-item { background: #fff; box-shadow: 0 6px 16px rgba(0,0,0,0.16); transition: transform 0.15s ease; } .scrap-item:hover { transform: scale(1.04) rotate(0deg) !important; z-index: 2; } -.scrap-item.polaroid { padding: 10px 10px 30px; width: 220px; } +.scrap-item.polaroid { padding: 10px 10px 16px; width: 220px; } .scrap-item.polaroid img { display: block; max-width: 100%; max-height: 260px; width: auto; height: auto; margin: 0 auto; } .scrap-item.text-note { width: 220px; min-height: 160px; padding: 1.2em; background: #fef7d6; font-family: Georgia, serif; } diff --git a/backend/src/pdf.js b/backend/src/pdf.js index 1eaa383..77692ec 100644 --- a/backend/src/pdf.js +++ b/backend/src/pdf.js @@ -211,7 +211,7 @@ async function buildFullHtml(friends, bookTitle) { .muted { color: #9a8fb0; font-style: italic; font-size: 12px; font-family: Georgia, serif; } .blocks { display: flex; flex-wrap: wrap; gap: 6mm; } .pdf-block { background: #fff; padding: 4mm; box-shadow: 0 3px 10px rgba(0,0,0,0.15); } - .polaroid { padding: 4mm 4mm 10mm; 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; } .text-block { width: 58mm; min-height: 40mm; background: #fef7d6; font-family: Georgia, serif; font-size: 12px; } .audio-block { width: 58mm; min-height: 30mm; background: #e8f3ec; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-size: 13px; padding: 3mm; }