From b7cfe90434036a749d62dd18d52c19d812c05877 Mon Sep 17 00:00:00 2001
From: MuzakkiABBAUF <muzakki.abbauftech@gmail.com>
Date: Mon, 15 Sep 2025 10:34:46 +0700
Subject: [PATCH] fix desain

---
 .../resources/views/admin/dashboard.blade.php | 43 ++++++++++---------
 1 file changed, 23 insertions(+), 20 deletions(-)

diff --git a/backend/resources/views/admin/dashboard.blade.php b/backend/resources/views/admin/dashboard.blade.php
index 1f64b8e..750e82f 100644
--- a/backend/resources/views/admin/dashboard.blade.php
+++ b/backend/resources/views/admin/dashboard.blade.php
@@ -46,33 +46,36 @@
         </div>
     </div>
 
-    <!-- Recent Pelanggan -->
-    <div class="bg-white rounded-lg shadow-md p-4 mt-6">
+<!-- Recent Pelanggan -->
+<div class="bg-white rounded-lg shadow-sm mt-6">
+    <div class="p-4 overflow-x-auto">
         <h4 class="text-lg font-bold mb-3">Pelanggan Terbaru</h4>
-        <table class="table-auto w-full border">
+        <table class="w-full text-left border-collapse border border-gray-300">
             <thead class="bg-gray-100">
                 <tr>
-                    <th class="px-4 py-2 border">No</th>
-                    <th class="px-4 py-2 border">Nama</th>
-                    <th class="px-4 py-2 border">Template</th>
-                    <th class="px-4 py-2 border">Kategori</th>
-                    <th class="px-4 py-2 border">Email</th>
-                    <th class="px-4 py-2 border">No. Telepon</th>
-                    <th class="px-4 py-2 border">Harga</th>
-                    <th class="px-4 py-2 border">Aksi</th>
+                    <th class="p-2 border border-gray-300 text-center w-16">No</th>
+                    <th class="p-2 border border-gray-300 text-center">Nama</th>
+                    <th class="p-2 border border-gray-300 text-center">Template</th>
+                    <th class="p-2 border border-gray-300 text-center">Kategori</th>
+                    <th class="p-2 border border-gray-300 text-center">Email</th>
+                    <th class="p-2 border border-gray-300 text-center">No. Telepon</th>
+                    <th class="p-2 border border-gray-300 text-center">Harga</th>
+                    <th class="p-2 border border-gray-300 text-center">Aksi</th>
                 </tr>
             </thead>
             <tbody>
                 @forelse($recentPelanggan as $index => $pelanggan)
                     <tr>
-                        <td class="px-4 py-2 border text-center">{{ $index + 1 }}</td>
-                        <td class="px-4 py-2 border">{{ $pelanggan->nama_pemesan }}</td>
-                        <td class="px-4 py-2 border">{{ $pelanggan->nama_template }}</td>
-                        <td class="px-4 py-2 border">{{ $pelanggan->kategori }}</td>
-                        <td class="px-4 py-2 border">{{ $pelanggan->email }}</td>
-                        <td class="px-4 py-2 border">{{ $pelanggan->no_tlpn }}</td>
-                        <td class="px-4 py-2 border text-center">Rp {{ number_format($pelanggan->harga, 0, ',', '.') }}</td>
-                        <td class="px-4 py-2 border text-center">
+                        <td class="p-2 py-4 border border-gray-300 text-center">{{ $index + 1 }}</td>
+                        <td class="p-2 py-4 border border-gray-300 truncate">{{ $pelanggan->nama_pemesan }}</td>
+                        <td class="p-2 py-4 border border-gray-300 truncate">{{ $pelanggan->nama_template }}</td>
+                        <td class="p-2 py-4 border border-gray-300 truncate">{{ $pelanggan->kategori ?? '-' }}</td>
+                        <td class="p-2 py-4 border border-gray-300 truncate">{{ $pelanggan->email }}</td>
+                        <td class="p-2 py-4 border border-gray-300 truncate">{{ $pelanggan->no_tlpn ?? '-' }}</td>
+                        <td class="py-3 px-2 border border-gray-300 text-center">
+                            Rp {{ number_format($pelanggan->harga, 0, ',', '.') }}
+                        </td>
+                        <td class="p-2 border border-gray-300 text-center">
                             <div class="flex justify-center space-x-2">
                                 <a href="{{ route('admin.pelanggan.show', $pelanggan->id) }}"
                                     class="text-blue-600 hover:underline flex items-center">
@@ -87,7 +90,7 @@
                     </tr>
                 @empty
                     <tr>
-                        <td colspan="8" class="px-4 py-2 border text-center text-gray-500">
+                        <td colspan="8" class="p-2 text-center text-gray-500 border border-gray-300">
                             Belum ada data pelanggan.
                         </td>
                     </tr>