Use Fluxon elements for universal search

2025-07-05 19:28:57 +01:00
parent 16b6a5fd74
commit f5092e32c5
5 changed files with 18 additions and 39 deletions
@@ -24,16 +24,11 @@
              name="hero-magnifying-glass"
              class="absolute left-3 top-1/2 transform -translate-y-1/2 h-5 w-5 text-gray-400"
            />
-            <input
-              type="text"
+            <.input
              name="query"
              placeholder="Search records and artists..."
              value={@search_query}
              phx-debounce="300"
-              class="w-full pl-10 pr-4 py-3 border border-gray-300 dark:border-gray-600 rounded-lg
-                   bg-white dark:bg-gray-900 text-gray-900 dark:text-gray-100
-                   focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:focus:ring-blue-400
-                   placeholder-gray-500 dark:placeholder-gray-400"
              phx-hook="SearchInput"
              id="universal-search-input"
            />