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

[fix] perbaikan nampan untuk kasir

Browse Source
This commit is contained in:
dhilanradya 2025-10-01 14:31:10 +07:00
parent 3052aacb45
commit d4ecc7f6c1
1 changed files with 19 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -117,18 +117,22 @@
</div> </div>
<div class="flex justify-end gap-2"> <div class="flex justify-end gap-2">
<button @click="closePopup" class="px-4 py-2 rounded bg-gray-400 hover:bg-gray-500 text-white transition"> <button @click="closePopup" class="px-4 py-2 rounded bg-gray-400 hover:bg-gray-500 text-white transition">
{{ isAdmin ? 'Batal' : 'Tutup' }} {{ isAdmin ? 'Batal' : 'Tutup' }}
</button> </button>
<button @click="showDeleteConfirm = true"
class="px-4 py-2 rounded bg-red-500 text-white hover:bg-red-600 transition flex items-center"> <!-- Tombol Hapus hanya muncul kalau Admin -->
<i class="fas fa-trash mr-2"></i>Hapus <button v-if="isAdmin" @click="showDeleteConfirm = true"
</button> class="px-4 py-2 rounded bg-red-500 text-white hover:bg-red-600 transition flex items-center">
<button v-if="isAdmin" @click="saveMove" :disabled="!selectedTrayId" class="px-4 py-2 rounded transition" <i class="fas fa-trash mr-2"></i>Hapus
:class="selectedTrayId ? 'bg-C hover:bg-C/80 text-D' : 'bg-gray-400 cursor-not-allowed'"> </button>
Simpan
</button> <button v-if="isAdmin" @click="saveMove" :disabled="!selectedTrayId" class="px-4 py-2 rounded transition"
:class="selectedTrayId ? 'bg-C hover:bg-C/80 text-D' : 'bg-gray-400 cursor-not-allowed'">
Simpan
</button>
</div> </div>
</div> </div>
</div> </div>
@ -188,15 +192,15 @@ const printQR = () => {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
} }
.qr-container { .qr-container {
text-align: center; text-align: center;
width: 100%; width: 100%;
} }
@ -348,4 +352,4 @@ onMounted(() => {
// Expose refreshData to parent // Expose refreshData to parent
defineExpose({ refreshData }); defineExpose({ refreshData });
</script> </script>