mirror of
https://github.com/pacnpal/thrillwiki_django_no_react.git
synced 2025-12-20 15:11:09 -05:00
Restored to 'acd03ff56ba593217c7983ed5541275257390f84'
Replit-Restored-To: acd03ff56ba593217c7983ed5541275257390f84
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 112 B |
@@ -131,16 +131,16 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Desktop Right Side -->
|
<!-- Center Search Bar -->
|
||||||
<div class="hidden md:flex items-center gap-4 shrink-0">
|
<div class="hidden md:flex flex-1 min-w-0 justify-center">
|
||||||
<!-- Enhanced Search -->
|
<!-- Enhanced Search -->
|
||||||
<div class="relative" x-data="searchComponent">
|
<div class="relative w-full min-w-0 max-w-xl lg:max-w-2xl" x-data="searchComponent">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground"></i>
|
<i class="fas fa-search absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground"></i>
|
||||||
<input
|
<input
|
||||||
type="search"
|
type="search"
|
||||||
placeholder="Search parks, rides..."
|
placeholder="Search parks, rides..."
|
||||||
class="w-56 pl-10 pr-14 h-10 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
|
class="w-full min-w-0 pl-10 pr-14 h-10 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
|
||||||
x-model="query"
|
x-model="query"
|
||||||
@input.debounce.300ms="search()"
|
@input.debounce.300ms="search()"
|
||||||
hx-get="{% url 'search:search' %}"
|
hx-get="{% url 'search:search' %}"
|
||||||
@@ -163,6 +163,10 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
|
|||||||
<!-- Search results will be populated by HTMX -->
|
<!-- Search results will be populated by HTMX -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Desktop Right Side -->
|
||||||
|
<div class="hidden md:flex items-center gap-3 shrink-0">
|
||||||
|
|
||||||
<!-- Theme Toggle -->
|
<!-- Theme Toggle -->
|
||||||
<div x-data="themeToggle">
|
<div x-data="themeToggle">
|
||||||
|
|||||||
Reference in New Issue
Block a user