created color search function

2025-03-16 02:11:38 +01:00
parent 9b3913b68c
commit 820058dab0
3 changed files with 13 additions and 3 deletions
@@ -2,8 +2,11 @@
    <x-header>
        {{ __('Colors') }}

+        <x-slot name="headerleft">
+            <input type="text" placeholder="Search..." wire:model.live="search" class="bg-zinc-800 rounded focus:border-accent focus:ring-accent" />
+        </x-slot>
+
        <x-slot name="headerright">
-            <a href="#" class="flex gap-2 hover:*:animate-spin"><flux:icon.arrow-path class="transition ease-in duration-300" />Refresh</a>
            <button type="button" x-on:click="$wire.createModal = true" class="bg-zinc-500 hover:bg-green-500 text-zinc-50 hover:text-zinc-700 font-bold text-base py-2 px-4 rounded cursor-pointer">Create</button>
        </x-slot>
    </x-header>