feat(ui): apply initial tailwind settings

mateusfg7 · Nov 20, 2022 · 5b31ff4 · 5b31ff4
1 parent a9e8c1d
commit 5b31ff4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -3,9 +3,10 @@ import Head from 'next/head'
 import { AppProps } from 'next/app'
 import { ThemeProvider } from 'styled-components'
 
-import GlobalStyle from '../styles/global'
 import defaultTheme from '../styles/theme'
 
+import '../styles/main.css'
+
 const MyApp: React.FC<AppProps> = ({ Component, pageProps }) => {
   return (
     <>
@@ -19,7 +20,6 @@ const MyApp: React.FC<AppProps> = ({ Component, pageProps }) => {
       </Head>
       <ThemeProvider theme={defaultTheme}>
         <Component {...pageProps} />
-        <GlobalStyle />
       </ThemeProvider>
     </>
   )

diff --git a/src/styles/main.css b/src/styles/main.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,8 +1,8 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: [],
+  content: ['./src/**/*.{ts,tsx}'],
   theme: {
-    extend: {},
+    extend: {}
   },
-  plugins: [],
+  plugins: []
 }