style search bar desktop

CityOfNewYork · Apr 5, 2023 · ceef805 · ceef805
1 parent 5f1b3e3
commit ceef805
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/...yc/assets/styles/site-default-1366328.css → ...yc/assets/styles/site-default-e8cf86e.css b/...yc/assets/styles/site-default-1366328.css → ...yc/assets/styles/site-default-e8cf86e.css
diff --git a/wp-content/themes/workingnyc/views/partials/search-form.twig b/wp-content/themes/workingnyc/views/partials/search-form.twig
@@ -1,7 +1,7 @@
-<form class="o-search__form" action="/">
+<form class="o-search__form w-full" style="max-width: var(--nyco-dimension-content-width)" action="/">
     <label class="label pb-1">{{__('Search for work or services', 'WNYC')}}</label>
     <div class="input o-search__input rounded">
-        <input class="rounded" data-js="search__input" tabindex="-1" inputmode="search" name="s" placeholder="Search" value="{{ s }}"></input>
+        <input class="rounded border-0" data-js="search__input" tabindex="-1" inputmode="search" name="s" placeholder="Search" value="{{ s }}"></input>
         <button type="submit" tabindex="-1" class="o-search__submit">
             <svg class="icon-ui">
                 <title>{{__('Submit', 'WNYC')}}</title>

diff --git a/wp-content/themes/workingnyc/views/partials/search-overlay.twig b/wp-content/themes/workingnyc/views/partials/search-overlay.twig
@@ -5,7 +5,7 @@
       <use href="#lucide-x"></use>
     </svg>
   </button>
-  <div class="py-2 tablet:py-8 desktop:px-6">
+  <div class="py-2 tablet:py-8 justify-center flex">
     {% include 'partials/search-form.twig' %}
   </div>
 </div>