feat: add tailwind to registry

apps/registry/app/global.css

@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 html, body {
   padding: 0;
   margin: 0;

apps/registry/app/layout.js

@@ -4,7 +4,6 @@ import { Analytics } from '@vercel/analytics/react';
 import Menu from './components/Menu';
 import { auth } from '../auth';
 import './global.css';
-
 export const metadata = {
   title: 'JSON Resume Registry',
 };

apps/registry/package.json

@@ -25,6 +25,7 @@
     "@vercel/analytics": "^1.3.1",
     "ai": "^3.1.14",
     "async": "^3.2.4",
+    "autoprefixer": "^10.4.19",
     "axios": "^1.3.6",
     "chatgpt": "^5.2.4",
     "dotenv-cli": "^7.2.1",
@@ -88,6 +89,7 @@
     "openai": "^4.0.0",
     "pg": "^8.11.0",
     "pinecone-client": "^1.1.0",
+    "postcss": "^8.4.39",
     "prisma": "^4.15.0",
     "prismjs": "^1.29.0",
     "qr-image": "^3.2.0",
@@ -98,6 +100,7 @@
     "react-speech-recognition": "^3.10.0",
     "resume-schema": "^1.0.0",
     "styled-components": "6.1.11",
+    "tailwindcss": "^3.4.3",
     "uuid": "^9.0.0"
   },
   "devDependencies": {

apps/registry/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

apps/registry/tailwind.config.js

@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './app/**/*.{js,ts,jsx,tsx,mdx}', // Note the addition of the `app` directory.
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+
+    // Or if using `src` directory:
+    './src/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};