reworked and recolored Table Component

2025-03-17 01:36:38 +01:00
parent c642a437da
commit 98bd3ec660
7 changed files with 69 additions and 41 deletions
@@ -22,7 +22,7 @@

        <title>{{ $title . ' | ' . config('app.name') ?? config('app.name') }}</title>
    </head>
-    <body class="font-sans antialiased bg-zinc-800">
+    <body class="font-sans antialiased bg-zinc-200 text-zinc-700">
        <x-navbar />
        
        {{ $slot }}
@@ -0,0 +1,19 @@
+<div class="border border-zinc-300 rounded-lg shadow">
+  <table class="w-full rounded-lg">
+    <thead class="bg-zinc-200 border-b border-zinc-300 rounded-t-lg">
+      <tr class="text-left">
+        {{ $tableheader }}
+      </tr>
+    </thead>
+    <tbody class="bg-zinc-100">
+      {{ $slot }}
+    </tbody>
+  </table>
+
+  @isset($pagination)
+  <div class="px-6 py-4 bg-zinc-100 rounded-b-lg">
+    {{ $pagination }}
+  </div>
+  @endisset
+
+</div>
@@ -0,0 +1,3 @@
+<th  {{ $attributes->merge(['class' => 'py-4 px-3 first:pl-6 last:pr-6']) }}>
+  {{ $slot }}
+</th>
@@ -0,0 +1,3 @@
+<td>
+  {{ $slot }}
+</td>