pacnpal/thrillwiki_django_no_react
1
1
Fork 0
mirror of https://github.com/pacnpal/thrillwiki_django_no_react.git synced 2025-12-20 11:11:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

Adjust spacing and size for search bar and theme toggle

Browse Source 
Update `enhanced_header.html` to adjust gap between elements and the width of the search input.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: dcfff319-6e91-4220-98a9-8295b87755b7
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d6d61dac-164d-45dd-929f-7dcdfd771b64/dcfff319-6e91-4220-98a9-8295b87755b7/6piZjaF
This commit is contained in:
pac7
2025-09-21 17:54:36 +00:00
committed by pacnpal
parent ac344aea92
commit f812a65271
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
backend/templates/components/layout/enhanced_header.html
View File

@@ -132,7 +132,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
</div> </div>
<!-- Desktop Right Side --> <!-- Desktop Right Side -->
<div class="hidden md:flex items-center gap-3 shrink-0"> <div class="hidden md:flex items-center gap-4 shrink-0">
<!-- Enhanced Search --> <!-- Enhanced Search -->
<div class="relative" x-data="searchComponent"> <div class="relative" x-data="searchComponent">
<div class="relative"> <div class="relative">
@@ -140,7 +140,7 @@ Includes: Browse menu, advanced search, theme toggle, user dropdown, mobile menu
<input <input
type="search" type="search"
placeholder="Search parks, rides..." placeholder="Search parks, rides..."
class="w-64 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-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"
x-model="query" x-model="query"
@input.debounce.300ms="search()" @input.debounce.300ms="search()"
hx-get="{% url 'search:search' %}" hx-get="{% url 'search:search' %}"