[update] rapihin dikit

This commit is contained in:
dhilanradya 2025-10-20 11:29:52 +07:00
parent 945cea3b4c
commit 4d1bebc6a6

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="space-y-3"> <div class="space-y-3">
<!-- Summary Card --> <!-- Summary Card -->
<div class="mt-3 bg-A border border-C rounded-lg p-3"> <div class="mt-3 bg-A border border-C rounded-lg p-3">
@ -51,7 +51,7 @@
<td class="border border-gray-200 p-2 text-center"> <td class="border border-gray-200 p-2 text-center">
<button <button
@click="lihatDetail(trx)" @click="lihatDetail(trx)"
class="px-3 py-1 bg-blue-500 text-white rounded-md hover:bg-blue-600 transition-colors text-xs whitespace-nowrap" class="px-3 py-1 bg-C text-D rounded-md hover:bg-blue-600 transition-colors text-xs whitespace-nowrap"
:disabled="isDetailLoading && selectedTransaksi.id === trx.id" :disabled="isDetailLoading && selectedTransaksi.id === trx.id"
> >
<span v-if="isDetailLoading && selectedTransaksi.id === trx.id"> <span v-if="isDetailLoading && selectedTransaksi.id === trx.id">
@ -72,7 +72,7 @@
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<span>Menampilkan {{ pagination.from }} - {{ pagination.to }} dari {{ pagination.total }} transaksi hari ini</span> <span>Menampilkan {{ pagination.from }} - {{ pagination.to }} dari {{ pagination.total }} transaksi hari ini</span>
</div> </div>
<div class="flex items-center gap-1"> <div class="flex items-center gap-1">
<button <button
@click="$emit('page-change', pagination.current_page - 1)" @click="$emit('page-change', pagination.current_page - 1)"
@ -81,11 +81,11 @@
> >
Prev Prev
</button> </button>
<span class="px-2 text-gray-700"> <span class="px-2 text-gray-700">
{{ pagination.current_page }} / {{ pagination.last_page }} {{ pagination.current_page }} / {{ pagination.last_page }}
</span> </span>
<button <button
@click="$emit('page-change', pagination.current_page + 1)" @click="$emit('page-change', pagination.current_page + 1)"
:disabled="pagination.current_page === pagination.last_page" :disabled="pagination.current_page === pagination.last_page"
@ -101,7 +101,7 @@
<div v-else-if="!loading" class="text-center py-12 bg-gray-50 rounded-lg border border-gray-200"> <div v-else-if="!loading" class="text-center py-12 bg-gray-50 rounded-lg border border-gray-200">
<div class="text-gray-500 space-y-3"> <div class="text-gray-500 space-y-3">
<svg class="w-16 h-16 mx-auto text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <svg class="w-16 h-16 mx-auto text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" /> d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1" />
</svg> </svg>
<div class="space-y-1"> <div class="space-y-1">
@ -219,4 +219,4 @@ const closeDetail = () => {
isDetailOpen.value = false isDetailOpen.value = false
selectedTransaksi.value = {} selectedTransaksi.value = {}
} }
</script> </script>