fix(nx-dev): improve mobile documentation header (#18871)

nrwl · Aug 29, 2023 · 2383f7d · 2383f7d · vercel · Aug 29, 2023
1 parent dd377d4
commit 2383f7d
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/nx-dev/ui-common/src/lib/documentation-header.tsx b/nx-dev/ui-common/src/lib/documentation-header.tsx
@@ -161,15 +161,15 @@ export function DocumentationHeader({
           </button>
 
           {/*SEARCH*/}
-          <div className="mx-4 w-full">
+          <div className="mx-4 w-auto">
             <AlgoliaSearch />
           </div>
         </div>
         {/*LOGO*/}
         <div className="flex items-center">
           <Link
             href="/"
-            className="flex items-center px-4 text-slate-900 dark:text-white lg:px-0"
+            className="flex flex-grow items-center px-4 text-slate-900 dark:text-white lg:px-0"
           >
             <svg
               role="img"
@@ -184,7 +184,7 @@ export function DocumentationHeader({
           </Link>
           <Link
             href="/getting-started/intro"
-            className="flex ml-2 items-center px-4 text-slate-900 dark:text-white lg:px-0"
+            className="hidden lg:flex ml-2 items-center px-4 text-slate-900 dark:text-white lg:px-0"
           >
             <span className="text-xl font-bold uppercase tracking-wide">
               Docs