fix pdf size in phone and on desktop close #52

src/pages/ReportPage.vue

@@ -82,8 +82,12 @@
         v-if="attendees !== undefined"
         :class="
           nonAttendees !== undefined
-            ? 'col-12 col-sm-5 col-md-5 q-pa-md'
+            ? printing
-            : 'col-12 col-md-8 col-lg-5'
+              ? 'col-5  q-pa-md'
+              : 'col-12 col-sm-5 col-md-5 q-pa-md'
+            : printing
+              ? 'col-5'
+              : 'col-12 col-md-8 col-lg-5'
         "
       >
         <q-table
@@ -103,7 +107,13 @@
       <div
         v-if="nonAttendees !== undefined"
         :class="
-          attendees !== undefined ? 'col-12 col-sm-5 col-md-5 q-pa-md' : 'col-12 col-md-8 col-lg-5'
+          attendees !== undefined
+            ? printing
+              ? 'col-5 q-pa-md'
+              : 'col-12 col-sm-5 col-md-5 q-pa-md'
+            : printing
+              ? 'col-5'
+              : 'col-12 col-md-8 col-lg-5'
         "
       >
         <q-table
@@ -151,6 +161,7 @@ const loading = ref(false);
 const amounts = ref<Amount[]>([]);
 const reportExportRef = ref<HTMLElement | null>(null);
 const weekdays = ref<number[]>([0, 3]);
+const printing = ref<boolean>(false);
 
 const columns = computed(() => [
   {
@@ -268,10 +279,14 @@ function updateReport(dates: string[]) {
 }
 
 function printReport() {
+  printing.value = true;
   window.print();
+  printing.value = false;
 }
 
 async function downloadPDF() {
+  printing.value = true;
+
   const element = reportExportRef.value;
   if (!element) return;
   // Generate date string (YYYY-MM-DD)
@@ -308,7 +323,8 @@ async function downloadPDF() {
     .save()
     .catch((error) => {
       console.error('PDF Generation failed:', error);
-    });
+    })
+    .finally(() => (printing.value = false));
 }
 </script>