Update search input width

rayc2045 · Apr 30, 2024 · 7989500 · 7989500
1 parent 839b456
commit 7989500
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -100,14 +100,14 @@
             <a :class="a.nav" href="#/about"> About </a>
           </li>
         </ul>
-        <div class="hidden md:flex ml-auto relative" x-data="{ open: false }">
+        <div class="hidden md:flex ml-auto max-w-60 relative" x-data="{ open: false }">
           <label for="search" class="sr-only">Search</label>
           <input
             id="search"
             type="text"
             placeholder="Search"
             x-bind="shop.searchText"
-            class="w-full pl-2.5 py-2.5 pe-10 sm:text-sm rounded-md bg-inherit border-gray-300 shadow"
+            class="w-full pl-2.5 pr-10 py-2.5 sm:text-sm rounded-md bg-inherit border-gray-300 shadow"
             @focus="!shop.products.length && await shop.loadProducts(); open = true"
             @blur="open = false"
           />