wip

zaknesler · Jul 1, 2023 · 526f99b · 526f99b
1 parent 168f5d2
commit 526f99b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/nav.tsx b/src/components/nav.tsx
@@ -52,7 +52,7 @@ export const Nav: React.FC<NavProps> = ({ open, onToggle }) => {
 
         <div className="flex flex-1 flex-wrap items-stretch justify-end gap-4">
           <button
-            className="flex items-center justify-center self-center p-1.5 transition-colors hover:bg-gray-100 md:hidden"
+            className="flex items-center justify-center self-center p-1.5 transition-colors hover:bg-gray-100 print:hidden md:hidden"
             onClick={onToggle}
           >
             {open ? (
@@ -87,7 +87,7 @@ export const Nav: React.FC<NavProps> = ({ open, onToggle }) => {
               </Link>
             ))}
           </div>
-          <Search expanded className="print:hidden" inputClassName="p-4" />
+          <Search expanded className="print:hidden" inputClassName="p-3" />
         </div>
       )}
     </>

diff --git a/src/components/search.tsx b/src/components/search.tsx
@@ -72,8 +72,8 @@ export const Search: React.FC<SearchProps> = ({
           onChange={e => setQuery(e.target.value)}
           onKeyDown={handleSubmit}
           className={cx(
-            'w-full rounded-none border border-black p-2 text-sm leading-none outline-none transition-shadow focus:ring-4 focus:ring-gray-300',
-            !expanded && 'h-full max-w-xs flex-1 self-stretch',
+            'w-full rounded-none border border-black p-2 leading-none outline-none transition-shadow focus:ring-4 focus:ring-gray-300',
+            !expanded && 'h-full max-w-xs flex-1 self-stretch text-sm',
             inputClassName,
           )}
           placeholder="Search for recipes..."