diff --git a/.gitignore b/.gitignore index 3f7bf98da..a0491238c 100644 --- a/.gitignore +++ b/.gitignore @@ -4,3 +4,5 @@ node_modules /build /public/build .env + +/app/tailwind.css \ No newline at end of file diff --git a/app/root.tsx b/app/root.tsx index 927a0f745..f9463b369 100644 --- a/app/root.tsx +++ b/app/root.tsx @@ -1,4 +1,6 @@ -import type { MetaFunction } from "@remix-run/node"; +import styles from "./tailwind.css"; + +import type { LinksFunction, MetaFunction } from "@remix-run/node"; import { Links, LiveReload, @@ -14,6 +16,8 @@ export const meta: MetaFunction = () => ({ viewport: "width=device-width,initial-scale=1", }); +export const links: LinksFunction = () => [{ rel: "stylesheet", href: styles }]; + export default function App() { return ( diff --git a/app/routes/index.tsx b/app/routes/index.tsx index cbca6124e..06cdf91c4 100644 --- a/app/routes/index.tsx +++ b/app/routes/index.tsx @@ -1,7 +1,7 @@ export default function Index() { return (
-

Welcome to Remix

+

Welcome to Remix