Update search box position on mobiles

json-schema-org · Mar 1, 2024 · c2a0fbd · c2a0fbd
1 parent e034c3d
commit c2a0fbd
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/Layout.tsx b/components/Layout.tsx
@@ -138,7 +138,7 @@ const MainNavigation = () => {
         isActive={section === 'community'}
 
       />
-      <div className='flex max-sm:ml-4 items-center gap-12 md:gap-4'>
+      <div className='flex max-sm:ml-4 items-center gap-6 md:gap-4'>
         <div className='flex justify-center rounded border-2 border-gray-100 ml-0 w-[120px] md:w-full'>
           <Search />
         </div>
@@ -155,7 +155,7 @@ const MainNavigation = () => {
           </div>
         ) : <div
           style={{ backgroundImage: 'url("/icons/cancel.svg")' }}
-          className='h-6 w-6 bg-center bg-[length:22px_22px] bg-no-repeat  transition-all cursor-pointer'
+          className='h-6 w-6 bg-center bg-[length:22px_22px] bg-no-repeat transition-all cursor-pointer'
           onClick={() => useStore.setState({ overlayNavigation: null })}
         />
         }
@@ -178,7 +178,7 @@ const MobileNav = () => {
   const section = useContext(SectionContext)
 
   return (
-    <div className='flex flex-col justify-end fixed shadow-xl bg-white w-full  z-[190] mt-16 left-0 pl-8'>
+    <div className='flex flex-col justify-end fixed shadow-xl bg-white w-full z-[190] mt-16 left-0 pl-8'>
       <MainNavLink
         uri='/specification'
         label='Specification'