Compare commits

...

2 Commits

Author SHA1 Message Date
timotiabbauftech
6246800b0c Merge branch 'production' of https://git.abbauf.com/Magang-2025/Kasir into production 2025-09-18 17:06:33 +07:00
timotiabbauftech
d9939d4dab [update] border 2025-09-18 17:05:55 +07:00
3 changed files with 19 additions and 19 deletions

View File

@ -51,11 +51,11 @@
<!-- Table Section -->
<div
class="bg-white rounded-lg shadow-md border border-D overflow-hidden"
class="bg-white rounded-lg shadow-md overflow-hidden"
>
<table class="w-full">
<thead>
<tr class="bg-C text-white">
<tr class="bg-C text-white border-D border">
<th class="px-6 py-4 text-center text-D border-r border-D">No</th>
<th class="px-6 py-4 text-center text-D border-r border-D">Nama</th>
<th class="px-6 py-4 text-center text-D border-r border-D">Peran</th>
@ -66,16 +66,16 @@
<tr
v-for="(item, index) in akun"
:key="item.id"
class="border-b border-D hover:bg-gray-50 transition duration-150"
class="border border-C border-t-0 hover:bg-gray-50 transition duration-150"
:class="{ 'bg-gray-50': index % 2 === 1 }"
>
<td class="px-6 py-4 border-r border-D text-center font-medium text-gray-900">
<td class="px-6 py-4 border-r border-C text-center font-medium text-gray-900">
{{ index + 1 }}
</td>
<td class="px-6 py-4 border-r border-D text-D">
<td class="px-6 py-4 border-r border-C text-D">
{{ item.nama }}
</td>
<td class="px-6 py-4 border-r border-D text-gray-800">
<td class="px-6 py-4 border-r border-C text-gray-800">
{{ item.role }}
</td>
<td class="px-6 py-4 text-center">

View File

@ -19,14 +19,14 @@
</div>
<!-- Table Section -->
<div class="bg-white rounded-lg shadow-md border border-C overflow-hidden">
<div class="bg-white rounded-lg shadow-md overflow-hidden">
<table class="w-full">
<thead>
<tr class="bg-C text-black">
<th class="px-6 py-4 text-center font-semibold border-r border-C">
<tr class="bg-C text-black border border-D">
<th class="px-6 py-4 text-center font-semibold border-r border-D">
No
</th>
<th class="px-6 py-4 text-center font-semibold border-r border-C">
<th class="px-6 py-4 text-center font-semibold border-r border-D">
Nama Kategori
</th>
<th v-if="isAdmin" class="px-6 py-4 text-center font-semibold">
@ -36,7 +36,7 @@
</thead>
<tbody>
<tr v-for="(item, index) in kategori" :key="item.id"
class="border-b border-C hover:bg-A transition duration-150"
class="border border-C border-t-0 hover:bg-A transition duration-150"
:class="{ 'bg-gray-50': index % 2 === 1 }">
<td class="px-6 py-4 border-r border-C font-medium text-center text-gray-900">
{{ index + 1 }}

View File

@ -24,20 +24,20 @@
</div>
<!-- Table Section -->
<div class="bg-white rounded-lg shadow-md border border-C overflow-x-auto">
<div class="bg-white rounded-lg shadow-md overflow-x-auto">
<table class="w-full ">
<thead class="">
<tr class="bg-C text-white">
<th class="px-6 py-4 text-center text-D">
<thead>
<tr class="bg-C text-white border-D border">
<th class="px-6 py-4 text-center border-r border-D text-D">
No
</th>
<th class="px-6 py-4 text-center text-D">
<th class="px-6 py-4 text-center border-r border-D text-D">
Nama Sales
</th>
<th class="px-6 py-4 text-center text-D">
<th class="px-6 py-4 text-center border-r border-D text-D">
No HP
</th>
<th class="px-6 py-4 text-center text-D">
<th class="px-6 py-4 text-center border-r border-D text-D">
Alamat
</th>
<th v-if="isAdmin" class="px-6 py-4 text-center text-D">
@ -47,7 +47,7 @@
</thead>
<tbody>
<tr v-for="(item, index) in sales" :key="item.id"
class="border-b border-C hover:bg-gray-50 transition duration-150"
class="border-b border-C border-t-0 border-x hover:bg-gray-50 transition duration-150"
:class="{ 'bg-gray-50': index % 2 === 1 }">
<td class="px-6 py-4 border-r border-C text-center font-medium text-gray-900">
{{ index + 1 }}