feat: improve print margin for notes export (#742)

slidevjs · Oct 24, 2022 · 0dca0c4 · 0dca0c4
1 parent 6caed71
commit 0dca0c4
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/packages/client/internals/PresenterPrint.vue b/packages/client/internals/PresenterPrint.vue
@@ -25,7 +25,7 @@ const slidesWithNote = computed(() => rawRoutes
         </div>
       </div>
 
-      <div v-for="(slide, index) of slidesWithNote" :key="index" class="flex flex-col gap-4">
+      <div v-for="(slide, index) of slidesWithNote" :key="index" class="flex flex-col gap-4 break-inside-avoid-page">
         <div>
           <h2 class="text-lg">
             <div class="font-bold flex gap-2">
@@ -47,5 +47,19 @@ const slidesWithNote = computed(() => rawRoutes
 <style lang="postcss">
 @page {
   size: A4;
+  margin-top: 1.5cm;
+  margin-bottom: 1cm;
+}
+
+* {
+  -webkit-print-color-adjust: exact;
+}
+
+html,
+html body,
+html #app,
+html #page-root {
+  height: auto;
+  overflow: auto !important;
 }
 </style>