docs(core): show search on mobile (nrwl#6062)

KeKs0r · Jun 17, 2021 · b23d8b1 · b23d8b1
1 parent 496199e
commit b23d8b1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/nx-dev/feature-search/src/lib/algolia-search.tsx b/nx-dev/feature-search/src/lib/algolia-search.tsx
@@ -89,7 +89,9 @@ export function AlgoliaSearch({ flavorId, versionId }: AlgoliaSearchProps) {
             strokeLinejoin="round"
           />
         </svg>
-        <span>Quick search</span>
+        <span>
+          <span className="hidden sm:inline">Quick </span>search
+        </span>
         <span
           style={{ opacity: browserDetected ? '1' : '0' }}
           className="hidden sm:block text-sm leading-5 py-0.5 px-1.5 border border-white rounded-md"

diff --git a/nx-dev/ui/common/src/lib/header.tsx b/nx-dev/ui/common/src/lib/header.tsx
@@ -23,7 +23,7 @@ export function Header(props: HeaderProps) {
 
   return (
     <header className="h-16 px-5 py-5 flex items-center justify-between print:hidden bg-blue-nx-base">
-      <div className="flex items-center justify-between w-full max-w-screen-xl mx-auto space-x-10">
+      <div className="flex items-center justify-between w-full max-w-screen-xl mx-auto sm:space-x-10">
         {/*LOGO*/}
         <div className="flex items-center">
           <a href="/" className="flex items-center">
@@ -62,7 +62,7 @@ export function Header(props: HeaderProps) {
           </a>
         </div>
         {/*SEARCH*/}
-        <div className="hidden md:inline">
+        <div className="inline">
           {!!showSearch ? (
             <AlgoliaSearch flavorId={flavor.value} versionId={version.value} />
           ) : null}