diff --git a/src/style.css b/src/style.css
index 395cac4..37972ae 100644
--- a/src/style.css
+++ b/src/style.css
@@ -22,6 +22,11 @@
}
@media print {
+ @page {
+ size: A4 landscape;
+ margin: 0;
+ }
+
html,
body {
background: #ffffff !important;
@@ -29,31 +34,77 @@
body {
min-height: auto;
+ margin: 0;
}
.print-hidden {
display: none !important;
}
+ .print-only {
+ display: block !important;
+ }
+
.print-root {
+ display: block !important;
max-width: none !important;
padding: 0 !important;
gap: 0 !important;
}
- .print-target {
- display: block !important;
- width: 100% !important;
- max-width: none !important;
- box-shadow: none !important;
- border: 0 !important;
+ .print-paper {
+ min-height: 100vh;
+ display: flex !important;
+ align-items: center;
+ justify-content: center;
background: #ffffff !important;
- padding: 0 !important;
+ padding: 0;
}
- .print-target article {
- max-width: none !important;
+ .print-paper--double {
+ display: grid !important;
+ grid-template-columns: repeat(2, 148mm);
+ justify-content: center;
+ align-content: center;
+ gap: 0;
+ }
+
+ .print-sheet-frame {
+ width: 148mm;
+ height: 210mm;
+ overflow: hidden;
+ display: flex;
+ align-items: flex-start;
+ justify-content: flex-start;
+ background: #ffffff !important;
+ }
+
+ .print-paper--double .print-sheet-frame {
+ width: 148.5mm;
+ height: 210mm;
+ }
+
+ .planner-sheet {
box-shadow: none !important;
- padding: 0 !important;
+ }
+
+ .print-sheet-frame .planner-sheet {
+ width: 762px !important;
+ max-width: none !important;
+ transform-origin: top left;
+ transform: scale(0.733);
+ box-shadow: none !important;
+ background: #ffffff !important;
+ }
+
+ .print-sheet-frame .planner-sheet * {
+ -webkit-print-color-adjust: exact;
+ print-color-adjust: exact;
+ }
+}
+
+@media screen {
+ .print-only {
+ display: none !important;
}
}