diff options
| author | JoshCreany <joshcreany@gmail.com> | 2023-10-08 12:49:31 -0600 |
|---|---|---|
| committer | JoshCreany <joshcreany@gmail.com> | 2023-10-08 12:49:31 -0600 |
| commit | cfa57992909bfe2f4340ea05667ef34c5a17494a (patch) | |
| tree | 8eb7522396a74599251e030ab31eaafcd1e8f649 /templates/index.html | |
| parent | c93ef2dd9948658b5c477bcd4d82080c19c006e3 (diff) | |
Cleaned up search area and started putting tasks into cards
Diffstat (limited to 'templates/index.html')
| -rw-r--r-- | templates/index.html | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/templates/index.html b/templates/index.html index 34fde55..46fda41 100644 --- a/templates/index.html +++ b/templates/index.html @@ -208,18 +208,16 @@ <!-- We've used 3xl here, but feel free to try other max-widths based on your needs --> <div class="mx-auto max-w-2xl"> <div> - <form hx-post="/search" method="POST" hx-target="#search-results"> - <label for="search" class="block text-sm font-medium leading-6 text-gray-900">Quick search</label> - <div class="relative mt-2 flex items-center"> - <input type="hidden" id="car_details" name="car_details" value="2001 BMW 540i"> - <input type="text" name="search" id="search" class="block w-full rounded-md border-0 py-1.5 pr-14 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"> - <div class="absolute inset-y-0 right-0 flex py-1.5 pr-1.5"> - <kbd class="inline-flex items-center rounded border border-gray-200 px-1 font-sans text-xs text-gray-400">⌘K</kbd> + <label for="search" class="block text-center text-lg font-medium leading-6 text-gray-900">New Task List</label> + <div class="relative mt-2 flex items-center"> + <input type="hidden" id="car_details" name="car_details" value="2001 BMW 540i"> + <input type="text" name="search" id="search" class="block w-full rounded-md border-0 py-1.5 pr-14 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6" placeholder="Customer Complaint"> + <div class="absolute inset-y-0 right-0 mr-2 flex items-center pr-3"> + <button type="submit" class="rounded bg-indigo-600 px-3 py-1 text-xs font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Search</button> + </div> </div> - </div> - <button type="submit" class="rounded bg-indigo-600 px-2 py-1 text-xs font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600 mt-3">Search</button> - </form> + </form> </div> </div> </div> @@ -236,7 +234,7 @@ </li> </ul> </div> - <div class="mx-auto max-w-2xl mt-10 ml-2 mr-2 mb-5"> + <div class="mx-auto max-w-4xl mt-10 ml-4 mr-4 mb-5"> <fieldset> <legend class="sr-only">Notifications</legend> <div class="space-y-5" id="search-results"> |