From c3202d0b9298aea006580e67df03d99e36cbb0c1 Mon Sep 17 00:00:00 2001 From: zenn Date: Tue, 21 Apr 2026 14:51:44 +0900 Subject: [PATCH] v0.1.4 --- HANDOFF.md | 4 +++- package-lock.json | 4 ++-- package.json | 2 +- src/style.css | 48 ++++++++++++++++++++++++++++++++++------------- 4 files changed, 41 insertions(+), 17 deletions(-) diff --git a/HANDOFF.md b/HANDOFF.md index 584e35f..db8d797 100644 --- a/HANDOFF.md +++ b/HANDOFF.md @@ -4,7 +4,7 @@ - 프로젝트명: 10 Minute Planner 웹 UI - 기술 스택: Vue 3 + Vite + TailwindCSS + JavaScript -- 현재 기준 버전: `v0.1.3` +- 현재 기준 버전: `v0.1.4` ## 기준 디자인 @@ -51,6 +51,8 @@ - A5 원본 비율을 유지한 채 A4 가로 안에 들어가도록 `1-UP` / `2-UP` 각각 별도 배율로 압축한다. - `PRINT 1-UP`은 A4 세로, `PRINT 2-UP`은 A4 가로 기준으로 분리해서 처리한다. - 브라우저 기본 인쇄 머리말/꼬리말이 켜져 있어도 2장으로 넘어가지 않도록 실제 인쇄 영역은 종이보다 조금 작게 잡는다. +- 인쇄 시 `main`, `print-only`, `print-paper` 래퍼의 패딩/높이/페이지 분할 규칙까지 함께 제어해야 빈 2페이지를 줄일 수 있다. +- `1-UP`은 여백이 과하지 않도록 다시 확대했고, `2-UP`은 한 페이지 고정 안정성을 위해 가로 폭과 세로 높이를 조금 더 보수적으로 조정했다. ## 확정된 결정사항 diff --git a/package-lock.json b/package-lock.json index 359f3e0..cd09361 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "ten-minute-planner", - "version": "0.1.3", + "version": "0.1.4", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "ten-minute-planner", - "version": "0.1.3", + "version": "0.1.4", "dependencies": { "vue": "^3.5.13" }, diff --git a/package.json b/package.json index bb73686..0c833ff 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "ten-minute-planner", "private": true, - "version": "0.1.3", + "version": "0.1.4", "type": "module", "scripts": { "dev": "vite", diff --git a/src/style.css b/src/style.css index 5a4d993..df2f9e2 100644 --- a/src/style.css +++ b/src/style.css @@ -25,6 +25,9 @@ html, body { background: #ffffff !important; + width: auto !important; + height: auto !important; + overflow: hidden !important; } body { @@ -32,16 +35,35 @@ margin: 0; } + main { + min-height: auto !important; + margin: 0 !important; + padding: 0 !important; + } + .print-hidden { display: none !important; } .print-only { - display: block !important; + display: flex !important; + width: 100% !important; + height: 100% !important; + margin: 0 !important; + padding: 0 !important; + align-items: center; + justify-content: center; + break-inside: avoid-page; + page-break-inside: avoid; + break-after: avoid-page; + page-break-after: avoid; } .print-root { display: block !important; + width: 100% !important; + height: 100% !important; + margin: 0 !important; max-width: none !important; padding: 0 !important; gap: 0 !important; @@ -57,26 +79,26 @@ } body[data-print-layout='single'] .print-paper { - width: 202mm; - height: 289mm; + width: 206mm; + height: 293mm; } .print-paper--double { display: grid !important; - grid-template-columns: repeat(2, 143mm); + grid-template-columns: repeat(2, 141mm); justify-content: center; align-content: center; - gap: 0; + column-gap: 3mm; } body[data-print-layout='double'] .print-paper { - width: 289mm; - height: 202mm; + width: 287mm; + height: 198mm; } body[data-print-layout='single'] .print-paper--single .print-sheet-frame { - width: 148mm; - height: 210mm; + width: 152mm; + height: 216mm; } .print-sheet-frame { @@ -88,8 +110,8 @@ } body[data-print-layout='double'] .print-paper--double .print-sheet-frame { - width: 143mm; - height: 202mm; + width: 141mm; + height: 198mm; } .planner-sheet { @@ -100,7 +122,7 @@ width: 762px !important; max-width: none !important; transform-origin: top left; - transform: scale(0.718); + transform: scale(0.732); box-shadow: none !important; background: #ffffff !important; } @@ -109,7 +131,7 @@ width: 762px !important; max-width: none !important; transform-origin: top left; - transform: scale(0.703); + transform: scale(0.694); box-shadow: none !important; background: #ffffff !important; }