miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Benjamin Cabanes 2021-06-17 17:12:06 -04:00 committed by GitHub
parent 496199eeb6
commit b23d8b150e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
nx-dev/feature-search/src/lib/algolia-search.tsx
View File

@ -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"

4
nx-dev/ui/common/src/lib/header.tsx
View File

@ -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}