Merge pull request #7833 from archilex/Fix-filter-indicator-wrapping-…

…with-multiple-filters Fix filter indicator wrapping
filamentphp · Aug 17, 2023 · c73bd30 · c73bd30
2 parents 1ae14a3 + 4231afe
commit c73bd30
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/tables/resources/views/components/filters/indicators.blade.php b/packages/tables/resources/views/components/filters/indicators.blade.php
@@ -5,14 +5,14 @@
 <div
     {{ $attributes->class(['fi-ta-filter-indicators flex items-start justify-between gap-x-3 bg-gray-50 px-3 py-1.5 dark:bg-white/5 sm:px-6']) }}
 >
-    <div class="flex flex-col gap-x-3 gap-y-1 sm:flex-row sm:items-center">
+    <div class="flex flex-col gap-x-3 gap-y-1 sm:flex-row">
         <span
-            class="text-sm font-medium leading-6 text-gray-700 dark:text-gray-200"
+            class="text-sm font-medium leading-6 text-gray-700 whitespace-nowrap dark:text-gray-200"
         >
             {{ __('filament-tables::table.filters.indicator') }}
         </span>
 
-        <div class="flex gap-1.5">
+        <div class="flex flex-wrap gap-1.5">
             @foreach ($indicators as $wireClickHandler => $label)
                 <x-filament::badge>
                     {{ $label }}