Magang-2025/Kasir
11
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update traylist(scroll nampan)

Browse Source
This commit is contained in:
adityaalfarison 2025-09-12 14:23:01 +07:00
parent f5d0441cd7
commit 8e59f8d634
1 changed files with 27 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/components/TrayList.vue
View File

@ -49,13 +49,23 @@
</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"
<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)">
@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" />
<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>