resources/js/components/PrintBarcode.vue

@@ -102,7 +102,7 @@ const printBarcode = () => {
       display: flex;
       flex-direction: column;
       gap: 0.5mm;
-      font-size: 8pt;
+      font-size: 5pt;
       line-height: 1.2;
     }
 
@@ -116,12 +116,12 @@ const printBarcode = () => {
     }
 
     .item-name {
-      font-size: 8pt;
+      font-size: 6pt;
       line-height: 1.1;
       white-space: normal;
       word-wrap: break-word;
       position: absolute;
-      width: 34mm;
+      width: 36mm;
       text-align: center;
       transform: rotate(270deg);
       transform-origin: center;

resources/js/components/StrukOverlay.vue

@@ -255,7 +255,7 @@ const fetchSales = async () => {
       headers: { Authorization: `Bearer ${localStorage.getItem("token")}` }
     })
     salesOptions.value = res.data.map(s => ({ value: s.id, label: s.nama }))
-    selectedSales.value = ''
+    if (salesOptions.value.length > 0) selectedSales.value = salesOptions.value[0].value
   } catch (e) {
     console.error('Error fetching sales:', e)
   }

resources/js/pages/Tray.vue

@@ -3,8 +3,7 @@
     <div class="p-6">
       <p class="font-serif italic text-[25px] text-D">NAMPAN</p>
 
-      <div class="w-full flex justify-end">
-          <div class="flex flex-col gap-3 justify-between w-full md:w-75 my-3">
+      <div class="flex flex-col gap-3 justify-end w-full sm:w-auto my-3">
         <Searchbar v-model:search="searchQuery" />
         <div class="flex w-full gap-2" v-if="isAdmin">
           <button @click="openModal" class="px-4 py-2 sm:px-2 sm:py-1 hover:bg-B bg-C rounded-md shadow w-full">
@@ -17,7 +16,6 @@
         </div>
       </div>
     </div>
-    </div>
 
     <div class="px-6" v-if="alert">
       <div v-if="alert.error" class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4"