Made use of the size utility (#85)

ramonrietdijk · Aug 29, 2024 · 29a70a0 · 29a70a0
1 parent 8a7fb08
commit 29a70a0
Show file tree

Hide file tree

Showing 13 changed files with 22 additions and 22 deletions.
diff --git a/resources/views/bar/buttons/clear-search.blade.php b/resources/views/bar/buttons/clear-search.blade.php
@@ -5,7 +5,7 @@ class="flex items-center gap-1 px-3 py-2 bg-white border border-neutral-200 text
     wire:click="clearSearch"
 >
     <!-- Icon "backspace" (outline) from https://heroicons.com -->
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
         <path stroke-linecap="round" stroke-linejoin="round" d="M12 9.75 14.25 12m0 0 2.25 2.25M14.25 12l2.25-2.25M14.25 12 12 14.25m-2.58 4.92-6.374-6.375a1.125 1.125 0 0 1 0-1.59L9.42 4.83c.21-.211.497-.33.795-.33H19.5a2.25 2.25 0 0 1 2.25 2.25v10.5a2.25 2.25 0 0 1-2.25 2.25h-9.284c-.298 0-.585-.119-.795-.33Z" />
     </svg>
 </button>
diff --git a/resources/views/bar/buttons/reordering.blade.php b/resources/views/bar/buttons/reordering.blade.php
@@ -5,7 +5,7 @@
     :active="$this->reordering"
 >
     <!-- Icon "queue-list" (outline) from https://heroicons.com -->
-    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
         <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 12h16.5m-16.5 3.75h16.5M3.75 19.5h16.5M5.625 4.5h12.75a1.875 1.875 0 010 3.75H5.625a1.875 1.875 0 010-3.75z" />
     </svg>
 </x-livewire-table::button>
diff --git a/resources/views/bar/dropdowns/actions.blade.php b/resources/views/bar/dropdowns/actions.blade.php
@@ -2,7 +2,7 @@
     <x-livewire-table::dropdown label="{{ __('Actions') }}">
         <x-slot name="icon">
             <!-- Icon "play" (outline) from https://heroicons.com -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" />
             </svg>
         </x-slot>

diff --git a/resources/views/bar/dropdowns/columns.blade.php b/resources/views/bar/dropdowns/columns.blade.php
@@ -2,7 +2,7 @@
     <x-livewire-table::dropdown label="{{ __('Columns') }}">
         <x-slot name="icon">
             <!-- Icon "view-columns" (outline) from https://heroicons.com -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M9 4.5v15m6-15v15m-10.875 0h15.75c.621 0 1.125-.504 1.125-1.125V5.625c0-.621-.504-1.125-1.125-1.125H4.125C3.504 4.5 3 5.004 3 5.625v12.75c0 .621.504 1.125 1.125 1.125z" />
             </svg>
         </x-slot>
@@ -32,7 +32,7 @@ class="flex items-center gap-2 px-3 py-1 cursor-pointer"
                     )
                 }"
             >
-                <input type="checkbox" class="h-4 w-4" value="{{ $column->code() }}" wire:model.live="columns">
+                <input type="checkbox" class="size-4" value="{{ $column->code() }}" wire:model.live="columns">
                 <span class="truncate" title="{{ $column->label() }}">{{ $column->label() }}</span>
             </label>
         @endforeach

diff --git a/resources/views/bar/dropdowns/filters.blade.php b/resources/views/bar/dropdowns/filters.blade.php
@@ -2,7 +2,7 @@
     <x-livewire-table::dropdown label="{{ __('Filters') }}" :active="count($this->filters) > 0">
         <x-slot name="icon">
             <!-- Icon "adjustments-horizontal" (outline) from https://heroicons.com -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75" />
             </svg>
         </x-slot>

diff --git a/resources/views/bar/dropdowns/polling.blade.php b/resources/views/bar/dropdowns/polling.blade.php
@@ -2,7 +2,7 @@
     <x-livewire-table::dropdown label="{{ __('Polling') }}">
         <x-slot name="icon">
             <!-- Icon "arrow-path" (outline) from https://heroicons.com -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" />
             </svg>
         </x-slot>

diff --git a/resources/views/bar/dropdowns/trashed.blade.php b/resources/views/bar/dropdowns/trashed.blade.php
@@ -2,7 +2,7 @@
     <x-livewire-table::dropdown label="{{ __('Trashed') }}">
         <x-slot name="icon">
             <!-- Icon "trash" (outline) from https://heroicons.com -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
             </svg>
         </x-slot>

diff --git a/resources/views/bar/selection.blade.php b/resources/views/bar/selection.blade.php
@@ -3,7 +3,7 @@
         <div
             class="bg-blue-50 px-3 py-2 text-sm text-blue-800 border border-blue-100 rounded-md shadow-sm flex items-center gap-1 dark:bg-blue-900 dark:text-blue-300 dark:border-blue-600">
             <!-- Icon "list-bullet" (outline) from https://heroicons.com -->
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zM3.75 12h.007v.008H3.75V12zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0zm-.375 5.25h.007v.008H3.75v-.008zm.375 0a.375.375 0 11-.75 0 .375.375 0 01.75 0z" />
             </svg>
             <span>

diff --git a/resources/views/columns/content/boolean.blade.php b/resources/views/columns/content/boolean.blade.php
@@ -1,9 +1,9 @@
 <div class="px-3 py-2">
     @if($value === null)
-        <div class="mx-auto w-3 h-3 border-2 border-neutral-300 rounded-full"></div>
+        <div class="mx-auto size-3 border-2 border-neutral-300 rounded-full"></div>
     @elseif($value)
-        <div class="mx-auto w-3 h-3 border-2 border-green-500 rounded-full"></div>
+        <div class="mx-auto size-3 border-2 border-green-500 rounded-full"></div>
     @else
-        <div class="mx-auto w-3 h-3 border-2 border-red-500 rounded-full"></div>
+        <div class="mx-auto size-3 border-2 border-red-500 rounded-full"></div>
     @endif
 </div>
diff --git a/resources/views/columns/header/default.blade.php b/resources/views/columns/header/default.blade.php
@@ -7,18 +7,18 @@ class="flex items-center gap-1 font-bold text-md px-3 py-2 whitespace-nowrap"
             @if($this->sortColumn === $column->code())
                 @if($this->sortDirection === 'asc')
                     <!-- Icon "chevron-up" (outline) from https://heroicons.com -->
-                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
                         <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
                     </svg>
                 @else
                     <!-- Icon "chevron-down" (outline) from https://heroicons.com -->
-                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
                         <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
                     </svg>
                 @endif
             @else
                 <!-- Icon "chevron-up-down" (outline) from https://heroicons.com -->
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 opacity-50">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 opacity-50">
                     <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" />
                 </svg>
             @endif

diff --git a/resources/views/components/button.blade.php b/resources/views/components/button.blade.php
@@ -12,6 +12,6 @@
 >
     {{ $slot }}
     @if ($active)
-        <span class="absolute -right-1 -top-1 rounded-full shadow-sm bg-blue-500 dark:bg-blue-600 block w-2.5 h-2.5"></span>
+        <span class="absolute -right-1 -top-1 rounded-full shadow-sm bg-blue-500 dark:bg-blue-600 block size-2.5"></span>
     @endif
 </button>
diff --git a/resources/views/pagination/pagination.blade.php b/resources/views/pagination/pagination.blade.php
@@ -63,7 +63,7 @@ class="relative inline-flex items-center px-4 py-2 text-sm text-neutral-500 bg-w
                                         class="relative inline-flex items-center px-2 py-2 text-sm text-neutral-500 bg-white border border-neutral-200 rounded-l-md dark:bg-neutral-800 dark:border-neutral-700"
                                         aria-hidden="true">
                                         <!-- Icon "chevron-left" (outline) from https://heroicons.com -->
-                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
+                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5">
                                             <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
                                         </svg>
                                     </span>
@@ -76,7 +76,7 @@ class="relative inline-flex items-center px-2 py-2 text-sm text-neutral-500 bg-w
                                         class="relative inline-flex items-center px-2 py-2 text-sm text-neutral-800 bg-white border border-neutral-200 rounded-l-md hover:text-neutral-500 focus:z-10 focus:border-blue-300 active:bg-neutral-100 active:text-neutral-500 transition ease-in-out dark:bg-neutral-800 dark:border-neutral-700 dark:focus:border-blue-600 dark:text-neutral-300 dark:hover:text-white dark:focus:border-blue-600 dark:active:bg-neutral-900 dark:active:text-white"
                                         aria-label="@lang('pagination.previous')">
                                     <!-- Icon "chevron-left" (outline) from https://heroicons.com -->
-                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
+                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5">
                                         <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
                                     </svg>
                                 </button>
@@ -125,7 +125,7 @@ class="relative inline-flex items-center px-4 py-2 -ml-px text-sm text-neutral-8
                                         class="relative inline-flex items-center px-2 py-2 -ml-px text-sm text-neutral-800 bg-white border border-neutral-200 rounded-r-md hover:text-neutral-500 focus:z-10 focus:border-blue-300 active:bg-neutral-100 active:text-neutral-500 transition ease-in-out dark:bg-neutral-800 dark:border-neutral-700 dark:focus:border-blue-600 dark:text-neutral-300 dark:hover:text-white dark:focus:border-blue-600 dark:active:bg-neutral-900 dark:active:text-white"
                                         aria-label="@lang('pagination.next')">
                                     <!-- Icon "chevron-right" (outline) from https://heroicons.com -->
-                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
+                                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5">
                                         <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
                                     </svg>
                                 </button>
@@ -135,7 +135,7 @@ class="relative inline-flex items-center px-2 py-2 -ml-px text-sm text-neutral-8
                                         class="relative inline-flex items-center px-2 py-2 -ml-px text-sm text-neutral-500 bg-white border border-neutral-200 rounded-r-md dark:bg-neutral-800 dark:border-neutral-700"
                                         aria-hidden="true">
                                         <!-- Icon "chevron-right" (outline) from https://heroicons.com -->
-                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5">
+                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5">
                                             <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
                                         </svg>
                                     </span>

diff --git a/resources/views/table/table.blade.php b/resources/views/table/table.blade.php
@@ -3,7 +3,7 @@
     <tr class="group">
         @if($this->canSelect())
             <th class="p-0 text-left text-black bg-neutral-50 dark:text-white dark:bg-neutral-800">
-                <input type="checkbox" wire:model.live="selectedPage" class="h-4 w-4 mx-3">
+                <input type="checkbox" wire:model.live="selectedPage" class="size-4 mx-3">
             </th>
         @endif
         @foreach($table['columns'] as $column)
@@ -61,7 +61,7 @@
                                 ? 'bg-blue-100 group-odd:bg-blue-100 group-hover:bg-blue-200 dark:bg-blue-900 dark:group-odd:bg-blue-900 dark:group-hover:bg-blue-800'
                                 : 'bg-neutral-100 group-odd:bg-white group-hover:bg-neutral-200 dark:bg-neutral-800 dark:group-odd:bg-neutral-900 dark:group-hover:bg-neutral-700'">
                         <div class="mx-3">
-                            <input type="checkbox" wire:model.live="selected" value="{{ $item->getKey() }}" class="h-4 w-4">
+                            <input type="checkbox" wire:model.live="selected" value="{{ $item->getKey() }}" class="size-4">
                         </div>
                     </td>
                 @endif