Improve UI

improve list UI and icons colors
lara-zeus · Feb 11, 2024 · 5f24cfc · 5f24cfc
1 parent da130d6
commit 5f24cfc
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/resources/views/infolists/list.blade.php b/resources/views/infolists/list.blade.php
@@ -24,8 +24,8 @@
                 @endphp
             @endif
             @php
-                $color = (isset($item['color']) && filled($item['color'])) ? $item['color'] : 'primary';
-                $iconColor = (isset($item['iconColor']) && filled($item['iconColor'])) ? $item['iconColor'] : 'primary';
+                $color = (isset($item['color']) && filled($item['color'])) ? $item['color'] : 'gray';
+                $iconColor = (isset($item['iconColor']) && filled($item['iconColor'])) ? $item['iconColor'] : 'gray';
             @endphp
             <li
                 @style([
@@ -41,7 +41,7 @@
                     },
                 ])
             >
-                <a class="flex items-center space-x-3"
+                <a class="flex items-center space-x-2 rtl:space-x-reverse"
                    target="@if(isset($item['isNewTab']) && $item['isNewTab']) _blank @else _self @endif"
 
                    href="{{ $item['url'] }}"
@@ -55,10 +55,10 @@
                                 ) => $iconColor !== 'gray',
                             ])
                             @class([
-                                'h-5 w-5 flex justify-center items-center rounded-full',
+                                '',
                                 match ($iconColor) {
-                                    'gray' => 'bg-gray-600 dark:bg-gray-500 text-white dark:text-gray-500',
-                                    default => 'bg-custom-600 dark:bg-custom-500 text-white dark:text-custom-500',
+                                    'gray' => 'text-gray-800 dark:text-gray-500',
+                                    default => 'text-custom-800 dark:text-custom-500',
                                 },
                             ])
                         >
@@ -88,4 +88,4 @@
             </a>--}}
         @endforeach
     </ul>
-</div>
+</div>