fix sorting icons

Power-Components · May 23, 2024 · 1cb6c73 · 1cb6c73
1 parent 788c588
commit 1cb6c73
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 9 deletions.
diff --git a/resources/views/components/cols.blade.php b/resources/views/components/cols.blade.php
@@ -35,16 +35,13 @@ class="{{ data_get($theme, 'table.thClass') . ' ' . $column->headerClass }}"
         class="{{ data_get($theme, 'cols.divClass') }}"
         style="{{ data_get($theme, 'cols.divStyle') }}"
     >
+        <span data-value>{!! $column->title !!}</span>
+
         @if ($column->sortable)
-            <span>
-                <x-dynamic-component
+            <x-dynamic-component
                     component="{{ $this->sortIcon($field) }}"
-                    class="size-4"
-                />
-            </span>
-        @else
-            <span style="width: 6px"></span>
+                    width="16"
+            />
         @endif
-        <span data-value>{!! $column->title !!}</span>
     </div>
 </th>
diff --git a/src/Themes/Tailwind.php b/src/Themes/Tailwind.php
@@ -56,7 +56,7 @@ public function actions(): Actions
     public function cols(): Cols
     {
         return Theme::cols()
-            ->div('select-none space-x-1 flex flex-row-reverse justify-end items-center gap-2')
+            ->div('select-none flex items-center gap-2')
             ->clearFilter('', '');
     }