From 8e59f8d634ae92d4ec4c63eba6d35a55ae3a2834 Mon Sep 17 00:00:00 2001
From: adityaalfarison <adityaalfarison33@gmail.com>
Date: Fri, 12 Sep 2025 14:23:01 +0700
Subject: [PATCH] update traylist(scroll nampan)

---
 resources/js/components/TrayList.vue | 44 +++++++++++++++++-----------
 1 file changed, 27 insertions(+), 17 deletions(-)

diff --git a/resources/js/components/TrayList.vue b/resources/js/components/TrayList.vue
index df77c0b..171d99c 100644
--- a/resources/js/components/TrayList.vue
+++ b/resources/js/components/TrayList.vue
@@ -49,23 +49,33 @@
         </div>
 
         <!-- Isi Card (Max tinggi 3 item + scroll kalau lebih) -->
-        <div v-if="tray.items && tray.items.length" class="space-y-2 flex-1 overflow-y-auto h-[160px] pr-1">
-          <div v-for="item in tray.items" :key="item.id"
-            class="flex justify-between items-center border border-C rounded-lg p-2 cursor-pointer hover:bg-gray-50"
-            @click="openMovePopup(item)">
-            <div class="flex items-center gap-3">
-              <img v-if="item.produk.foto && item.produk.foto.length > 0" :src="item.produk.foto[0].url"
-                alt="foto produk" class="size-12 object-cover rounded" />
-              <div class="text-D">
-                <p class="text-sm">{{ item.produk.nama }}</p>
-                <p class="text-sm font-medium">{{ item.kode_item }}</p>
-              </div>
-            </div>
-            <div class="flex items-center gap-2">
-              <span class="font-medium">{{ item.produk.berat }}g</span>
-            </div>
-          </div>
-        </div>
+        <div
+  v-if="tray.items && tray.items.length"
+  class="space-y-2 flex-1 overflow-y-auto max-h-[168px] pr-1"
+>
+  <div
+    v-for="item in tray.items"
+    :key="item.id"
+    class="flex justify-between items-center border border-C rounded-lg p-2 cursor-pointer hover:bg-gray-50"
+    @click="openMovePopup(item)"
+  >
+    <div class="flex items-center gap-3">
+      <img
+        v-if="item.produk.foto && item.produk.foto.length > 0"
+        :src="item.produk.foto[0].url"
+        alt="foto produk"
+        class="size-12 object-cover rounded"
+      />
+      <div class="text-D">
+        <p class="text-sm">{{ item.produk.nama }}</p>
+        <p class="text-sm font-medium">{{ item.kode_item }}</p>
+      </div>
+    </div>
+    <div class="flex items-center gap-2">
+      <span class="font-medium">{{ item.produk.berat }}g</span>
+    </div>
+  </div>
+</div>
 
         <!-- Kalau kosong -->
         <div v-else class="text-gray-400 text-center py-4 flex-1">