diff --git a/nx-dev/feature-search/src/lib/algolia-search.tsx b/nx-dev/feature-search/src/lib/algolia-search.tsx index 2caaf2dc19472..db36f8bc8a5dd 100644 --- a/nx-dev/feature-search/src/lib/algolia-search.tsx +++ b/nx-dev/feature-search/src/lib/algolia-search.tsx @@ -87,7 +87,7 @@ export function AlgoliaSearch({ > <MagnifyingGlassIcon className="h-4 w-4 flex-none" /> <span className="mx-3 text-xs text-slate-300 dark:text-slate-400 md:text-sm inline-flex"> - Search <span className="ml-1 hidden md:inline">the docs ...</span> + Search <span className="ml-1 hidden lg:inline">the docs ...</span> </span> <span style={{ opacity: browserDetected ? '1' : '0' }} diff --git a/nx-dev/nx-dev/pages/index.tsx b/nx-dev/nx-dev/pages/index.tsx index 8e6ff7704deb1..22db590661dab 100644 --- a/nx-dev/nx-dev/pages/index.tsx +++ b/nx-dev/nx-dev/pages/index.tsx @@ -1,4 +1,4 @@ -import { Footer, Header } from '@nx/nx-dev/ui-common'; +import { AnnouncementBanner, Footer, Header } from '@nx/nx-dev/ui-common'; import { ExtensibleAndIntegrated, GettingStarted, @@ -39,7 +39,7 @@ export default function Index(): JSX.Element { }} /> <h1 className="sr-only">Next generation monorepo tool</h1> - {/*<AnnouncementBanner />*/} + <AnnouncementBanner /> <Header /> <main id="main" role="main"> <div className="w-full"> diff --git a/nx-dev/ui-common/src/lib/announcement-banner.tsx b/nx-dev/ui-common/src/lib/announcement-banner.tsx index 92b4b7fd8665c..999c0ea240567 100644 --- a/nx-dev/ui-common/src/lib/announcement-banner.tsx +++ b/nx-dev/ui-common/src/lib/announcement-banner.tsx @@ -4,28 +4,28 @@ export function AnnouncementBanner(): JSX.Element { return ( <div className="group relative border border-y border-slate-200 bg-slate-50/40 transition hover:bg-slate-50 dark:border-slate-800/40 dark:bg-slate-800/60 dark:hover:bg-slate-800"> <div className="mx-auto max-w-7xl py-3 px-3 sm:px-6 lg:px-8"> - <div className="text-center sm:px-16 sm:pr-16"> + <div className="text-center"> <p className="text-sm font-medium"> <span className="md:hidden"> <Link - href="https://nx.dev/launch-nx?utm_source=nx.dev" + href="https://go.nx.dev/april-webinar?utm_source=nx.dev" className="underline" > - Nx Launch Week & Launch Conf are coming up! + Webinar April 17: Making the Argument for Monorepos </Link> </span> <span className="hidden md:inline"> <span className="font-semibold"> - Nx Launch Week & Launch Conf are coming up! + Webinar April 17: Making the Argument for Monorepos </span> </span> <span className="ml-2 inline-block"> <Link - href="https://nx.dev/launch-nx?utm_source=nx.dev" + href="https://go.nx.dev/april-webinar?utm_source=nx.dev" className="font-semibold text-blue-500 underline dark:text-sky-500" > <span className="absolute inset-0" aria-hidden="true" /> - Don't miss out! + Register now! <span aria-hidden="true">→</span> </Link> </span> diff --git a/nx-dev/ui-common/src/lib/documentation-header.tsx b/nx-dev/ui-common/src/lib/documentation-header.tsx index be7c518331e7a..b129d9d1e7040 100644 --- a/nx-dev/ui-common/src/lib/documentation-header.tsx +++ b/nx-dev/ui-common/src/lib/documentation-header.tsx @@ -7,6 +7,7 @@ import Link from 'next/link'; import { useRouter } from 'next/router'; import { ButtonLink } from './button'; import { NxCloudIcon } from './nx-cloud-icon'; +import { AnnouncementBanner } from './announcement-banner'; function Menu({ tabs }: { tabs: any[] }): JSX.Element { return ( @@ -227,13 +228,13 @@ export function DocumentationHeader({ className="items-justified hidden justify-center space-x-2 text-sm lg:flex" > <h2 className="sr-only">Main navigation</h2> - <Link + {/* <Link href="/blog" title="Blog" className="hidden px-3 py-2 font-medium leading-tight hover:text-blue-500 dark:text-slate-200 dark:hover:text-sky-500 md:inline-flex" > Blog - </Link> + </Link> */} <Link href="/community" title="Nx Community: Join us!" @@ -261,6 +262,9 @@ export function DocumentationHeader({ </nav> </div> <div className="hidden flex-grow lg:flex">{/* SPACER */}</div> + <div className="hidden w-full xl:flex"> + <AnnouncementBanner /> + </div> <div className="hidden flex-shrink-0 lg:flex"> <nav role="menu" diff --git a/tsconfig.base.json b/tsconfig.base.json index 645f0d5a0ea3c..de34ac5a19fd4 100644 --- a/tsconfig.base.json +++ b/tsconfig.base.json @@ -88,8 +88,8 @@ "@nx/nx-dev/ui-commands": ["nx-dev/ui-commands/src/index.ts"], "@nx/nx-dev/ui-common": ["nx-dev/ui-common/src/index.ts"], "@nx/nx-dev/ui-community": ["nx-dev/ui-community/src/index.ts"], - "@nx/nx-dev/ui-contact": ["nx-dev/ui-contact/src/index.ts"], "@nx/nx-dev/ui-conference": ["nx-dev/ui-conference/src/index.ts"], + "@nx/nx-dev/ui-contact": ["nx-dev/ui-contact/src/index.ts"], "@nx/nx-dev/ui-fence": ["nx-dev/ui-fence/src/index.ts"], "@nx/nx-dev/ui-home": ["nx-dev/ui-home/src/index.ts"], "@nx/nx-dev/ui-markdoc": ["nx-dev/ui-markdoc/src/index.ts"],