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

docs(nxdev): make header Docs link bold only when relevant (#8423)

Browse Source
This commit is contained in:
Benjamin Cabanes 2022-01-06 17:24:09 -05:00 committed by GitHub
parent 7000b3782b
commit 873982fed8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
nx-dev/nx-dev/pages/[...segments].tsx
View File

@ -41,7 +41,7 @@ export default function DocumentationPage({
return ( return (
<> <>
<Header showSearch={true} /> <Header showSearch={true} isDocViewer={true} />
<main> <main>
<DocViewer <DocViewer
document={document} document={document}

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

@ -4,6 +4,7 @@ import { AlgoliaSearch } from '@nrwl/nx-dev/feature-search';
export interface HeaderProps { export interface HeaderProps {
showSearch: boolean; showSearch: boolean;
isDocViewer?: boolean;
useDarkBackground?: boolean; useDarkBackground?: boolean;
} }
@ -62,7 +63,12 @@ export function Header(props: HeaderProps) {
<div className="text-sm flex-shrink-0"> <div className="text-sm flex-shrink-0">
<nav className="flex items-justified justify-center space-x-1"> <nav className="flex items-justified justify-center space-x-1">
<Link href="/getting-started/intro"> <Link href="/getting-started/intro">
<a className="font-bold px-3 py-2 text-white leading-tight"> <a
className={cx(
'px-3 py-2 text-white leading-tight',
!!props.isDocViewer ? 'font-bold' : ''
)}
>
Docs Docs
</a> </a>
</Link> </Link>