Bilder-Rand-Fix-Fiunal
This commit is contained in:
@@ -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; }
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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; }
|
||||||
|
|||||||
Reference in New Issue
Block a user