fix: added all config related to tailwind

technikhil314 · technikhil314 · commit 7c7ab17216a7 · 2021-03-01T13:26:57.000+05:30
added common SEO content in _app
diff --git a/packages/frontend/pages/_app.js b/packages/frontend/pages/_app.js
@@ -1,12 +1,11 @@
 import Head from 'next/head';
 import '../styles/globals.css'
-
 function MyApp({ Component, pageProps }) {
   return (
     <>
       <Head>
         <title>{Component.title}</title>
-        <meta charset="utf-8" />
+        <meta charSet="utf-8" />
         <meta http-equiv="x-ua-compatible" content="ie=edge" />
         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
         <meta property="og:type" content={Component.title} />
diff --git a/packages/frontend/pages/index.js b/packages/frontend/pages/index.js
@@ -1,3 +1,4 @@
+import { tw } from 'twind'
 import { useRouter } from "next/router";
 import { useRef, useState } from "react";
 import Video from '../components/video';
@@ -190,7 +191,7 @@ export default function Main() {
         <button onClick={handleStart}>Start</button>
         <input type="text" onChange={(e) => setSendValue(e.target.value)} defaultValue={sendValue} />
         <button type="button" onClick={sendMessage}>Send</button>
-        <video ref={selfStream}></video>
+        <video ref={selfStream} className={tw`bg-black border-2	`}></video>
         {
           peerStreams.map(stream => (
             <Video stream={stream}></Video>
diff --git a/packages/frontend/pages/index.module.scss b/packages/frontend/pages/index.module.scss
diff --git a/packages/frontend/postcss.config.js b/packages/frontend/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
diff --git a/packages/frontend/styles/globals.css b/packages/frontend/styles/globals.css
@@ -1 +1 @@
-@import '../../../node_modules/modern-normalize/modern-normalize.css';
+@import "../../../node_modules/modern-normalize/modern-normalize.css";
diff --git a/packages/frontend/tailwind.config.js b/packages/frontend/tailwind.config.js
@@ -0,0 +1,12 @@
+module.exports = {
+  purge: [],
+  darkMode: false, // or 'media' or 'class'
+  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+}

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		`-@import '../../../node_modules/modern-normalize/modern-normalize.css';`
	`1`	`+@import "../../../node_modules/modern-normalize/modern-normalize.css";`