[update] 1 lembar

resources/js/components/StrukView.vue

@@ -73,10 +73,10 @@
                 <span v-if="item.harga_deal && item.harga_deal > 0">1</span>
               </td>
               <td class="flex items-center gap-2 p-2 border-r border-D" :style="getRowStyle()">
-              <img 
-                :src="item.produk?.foto?.[0]?.url || 'https://via.placeholder.com/50x50?text=No+Img'" 
-                :class="getImageClass()" 
-                class="object-cover rounded" 
+              <img
+                :src="item.produk?.foto?.[0]?.url || 'https://via.placeholder.com/50x50?text=No+Img'"
+                :class="getImageClass()"
+                class="object-cover rounded"
               />
 
 
@@ -103,7 +103,7 @@
 
 
         <div class="flex text-sm mt-2">
-         
+
           <div class="w-[40%] p-2 text-left">
             <p class="font-semibold">PERHATIAN</p>
             <ol class="list-decimal ml-4 text-xs space-y-1">
@@ -258,30 +258,40 @@ const formatNumber = (number) => {
 
 @media print {
   @page {
-    size: A4; /* atau '80mm 200mm' kalau thermal */
-    margin: Minimum;
+    size: A4;
+    margin: 0;
   }
+
+  html, body {
+    height: 100%;
+    overflow: hidden;
+    margin: 0;
+    padding: 0;
+  }
+
   /* Sembunyikan semua elemen di luar print-area */
   body * {
     visibility: hidden !important;
   }
+
   .print-area * {
     visibility: visible !important;
     -webkit-print-color-adjust: exact !important;
     print-color-adjust: exact !important;
-    
   }
 
   .print-area {
-    position: absolute;
-    top: 0;
-    left: 0;
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
     width: 1224px;
     height: 528px;
     margin: 0;
     padding: 0;
-    transform: scale(0.6673);   
+    transform: scale(0.6673);
     transform-origin: top left;
+    page-break-after: avoid !important;
+    page-break-inside: avoid !important;
   }
 
   /* Hilangkan tombol tutup & print */
@@ -290,4 +300,3 @@ const formatNumber = (number) => {
   }
 }
 </style>
-