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" strokeLinejoin="round"
/> />
</svg> </svg>
<span>Quick search</span> <span>
<span className="hidden sm:inline">Quick </span>search
</span>
<span <span
style={{ opacity: browserDetected ? '1' : '0' }} style={{ opacity: browserDetected ? '1' : '0' }}
className="hidden sm:block text-sm leading-5 py-0.5 px-1.5 border border-white rounded-md" 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 ( return (
<header className="h-16 px-5 py-5 flex items-center justify-between print:hidden bg-blue-nx-base"> <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*/} {/*LOGO*/}
<div className="flex items-center"> <div className="flex items-center">
<a href="/" className="flex items-center"> <a href="/" className="flex items-center">
@ -62,7 +62,7 @@ export function Header(props: HeaderProps) {
</a> </a>
</div> </div>
{/*SEARCH*/} {/*SEARCH*/}
<div className="hidden md:inline"> <div className="inline">
{!!showSearch ? ( {!!showSearch ? (
<AlgoliaSearch flavorId={flavor.value} versionId={version.value} /> <AlgoliaSearch flavorId={flavor.value} versionId={version.value} />
) : null} ) : null}