diff options
| author |   简律纯 <hsiangnianian@outlook.com> | 2023-04-28 01:47:57 +0800 |
|---|---|---|
| committer | 简律纯 <hsiangnianian@outlook.com> | 2023-04-28 01:47:57 +0800 |
| commit | 8b2c4a38a461ff5ecc95972291bc711e2c5dec9a (patch) | |
| tree | 29f552e3df949073e21bf5c76d7abc3044830ec6 /examples/with-tailwind/apps/docs/src | |
| parent | fc8c5fdce62fb229202659408798a7b6c98f6e8b (diff) | |
| download | HydroRoll-8b2c4a38a461ff5ecc95972291bc711e2c5dec9a.tar.gz HydroRoll-8b2c4a38a461ff5ecc95972291bc711e2c5dec9a.zip | |
Diffstat (limited to 'examples/with-tailwind/apps/docs/src')
4 files changed, 68 insertions, 0 deletions
diff --git a/examples/with-tailwind/apps/docs/src/pages/_app.tsx b/examples/with-tailwind/apps/docs/src/pages/_app.tsx new file mode 100644 index 0000000..cab70f5 --- /dev/null +++ b/examples/with-tailwind/apps/docs/src/pages/_app.tsx @@ -0,0 +1,9 @@ +import "../styles/globals.css"; +// include styles from the ui package +import "ui/styles.css"; + +import type { AppProps } from "next/app"; + +export default function MyApp({ Component, pageProps }: AppProps) { + return <Component {...pageProps} />; +} diff --git a/examples/with-tailwind/apps/docs/src/pages/_document.tsx b/examples/with-tailwind/apps/docs/src/pages/_document.tsx new file mode 100644 index 0000000..a091efe --- /dev/null +++ b/examples/with-tailwind/apps/docs/src/pages/_document.tsx @@ -0,0 +1,32 @@ +import Document, { + DocumentContext, + DocumentInitialProps, + Html, + Head, + Main, + NextScript, +} from "next/document"; + +class MyDocument extends Document { + static async getInitialProps( + ctx: DocumentContext + ): Promise<DocumentInitialProps> { + const initialProps = await Document.getInitialProps(ctx); + + return initialProps; + } + + render() { + return ( + <Html className="bg-zinc-900"> + <Head /> + <body> + <Main /> + <NextScript /> + </body> + </Html> + ); + } +} + +export default MyDocument; diff --git a/examples/with-tailwind/apps/docs/src/pages/index.tsx b/examples/with-tailwind/apps/docs/src/pages/index.tsx new file mode 100644 index 0000000..6f0fe62 --- /dev/null +++ b/examples/with-tailwind/apps/docs/src/pages/index.tsx @@ -0,0 +1,24 @@ +import Head from "next/head"; +import { Button } from "ui"; + +export default function Home() { + return ( + <div className="flex min-h-screen flex-col items-center justify-center py-2"> + <Head> + <title>Docs - Turborepo Example</title> + </Head> + + <main className="mx-auto w-auto px-4 pt-16 pb-8 sm:pt-24 lg:px-8"> + <h1 className="mx-auto text-center text-6xl font-extrabold tracking-tight text-white sm:text-7xl lg:text-8xl xl:text-8xl"> + Docs + <span className="block bg-gradient-to-r from-brandred to-brandblue bg-clip-text text-transparent px-2"> + Turborepo Example + </span> + </h1> + <div className="mx-auto mt-5 max-w-xl sm:flex sm:justify-center md:mt-8"> + <Button /> + </div> + </main> + </div> + ); +} diff --git a/examples/with-tailwind/apps/docs/src/styles/globals.css b/examples/with-tailwind/apps/docs/src/styles/globals.css new file mode 100644 index 0000000..b5c61c9 --- /dev/null +++ b/examples/with-tailwind/apps/docs/src/styles/globals.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; |