wip

resources/css/filament/company/form-fields.css

@@ -43,20 +43,16 @@
 
 /* Table Repeater Styles */
 :not(.is-spreadsheet) {
-    .table-repeater-container {
-        @apply border border-gray-300 dark:border-gray-600 rounded-sm;
-    }
-
     .table-repeater-row {
-        @apply hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors;
+        @apply hover:bg-gray-50 dark:hover:bg-white/5 transition-colors;
     }
 
     .table-repeater-column {
-        @apply p-3 text-sm text-gray-900 dark:text-gray-100;
+        @apply p-3;
     }
 
     .table-repeater-header {
-        @apply bg-gray-50 dark:bg-gray-700/50 border-b border-gray-300 dark:border-gray-600;
+        @apply bg-gray-50 dark:bg-white/5 border-b border-gray-200 dark:border-white/5;
     }
 
     .table-repeater-row {
@@ -68,7 +64,7 @@
     }
 
     .table-repeater-header-column {
-        @apply p-3 font-semibold bg-gray-50 dark:bg-gray-700/50;
+        @apply p-3 text-sm font-semibold text-gray-950 dark:text-white bg-gray-50 dark:bg-white/5;
     }
 
     /* Chrome, Safari, Edge, Opera */

resources/views/filament/forms/components/custom-table-repeater.blade.php

@@ -66,16 +66,16 @@
         ]) }}
     >
         @if (count($containers) || $emptyLabel !== false)
-            <div class="table-repeater-container rounded-xl relative ring-1 ring-gray-950/5 dark:ring-white/20">
+            <div class="table-repeater-container rounded-sm relative ring-1 ring-gray-950/5 dark:ring-white/20">
                 <table class="w-full">
                     <thead @class([
                         'table-repeater-header-hidden sr-only' => ! $renderHeader,
-                        'table-repeater-header rounded-t-xl overflow-hidden border-b border-gray-950/5 dark:border-white/20' => $renderHeader,
+                        'table-repeater-header overflow-hidden border-b border-gray-950/5 dark:border-white/20' => $renderHeader,
                     ])>
                     <tr class="text-xs md:divide-x rtl:divide-x-reverse md:divide-gray-950/5 dark:md:divide-white/20">
                         {{-- Move actions column to start if reorderAtStart is true --}}
                         @if ($hasActions && count($containers) && $reorderAtStart)
-                            <th class="table-repeater-header-column w-px first:rounded-tl-xl rtl:first:rounded-tr-xl rtl:first:rounded-tl-none p-2 bg-gray-100 dark:bg-gray-900/60">
+                            <th class="table-repeater-header-column w-px first:rounded-tl-sm rtl:first:rounded-tr-sm rtl:first:rounded-tl-none p-2 bg-gray-100 dark:bg-gray-900/60">
                                 <span class="sr-only">
                                     {{ trans('table-repeater::components.repeater.row_actions.label') }}
                                 </span>
@@ -85,7 +85,7 @@
                         @foreach ($headers as $key => $header)
                             <th
                                 @class([
-                                    'table-repeater-header-column p-2 font-medium first:rounded-tl-xl rtl:first:rounded-tr-xl rtl:first:rounded-tl-none last:rounded-tr-xl bg-gray-100 dark:text-gray-300 dark:bg-gray-900/60',
+                                    'table-repeater-header-column p-2 font-medium first:rounded-tl-sm rtl:first:rounded-tr-sm rtl:first:rounded-tl-none last:rounded-tr-sm bg-gray-100 dark:text-gray-300 dark:bg-gray-900/60',
                                     match($header->getAlignment()) {
                                       'center', Alignment::Center => 'text-center',
                                       'right', 'end', Alignment::Right, Alignment::End => 'text-end',
@@ -104,7 +104,7 @@
                         @endforeach
 
                         @if ($hasActions && count($containers))
-                            <th class="table-repeater-header-column w-px last:rounded-tr-xl rtl:last:rounded-tr-none rtl:last:rounded-tl-xl p-2 bg-gray-100 dark:bg-gray-900/60">
+                            <th class="table-repeater-header-column w-px last:rounded-tr-sm rtl:last:rounded-tr-none rtl:last:rounded-tl-sm p-2 bg-gray-100 dark:bg-gray-900/60">
                                 <span class="sr-only">
                                     {{ trans('table-repeater::components.repeater.row_actions.label') }}
                                 </span>