chore(visualizer): add tailwindcss

Author: BOCOVO

packages/json-table-schema-visualizer/package.json

@@ -21,8 +21,11 @@
     "@storybook/react": "^8.0.4",
     "@storybook/react-vite": "^8.0.4",
     "@storybook/test": "^8.0.4",
+    "autoprefixer": "^10.4.19",
+    "postcss": "^8.4.38",
     "prop-types": "^15.8.1",
     "storybook": "^8.0.4",
+    "tailwindcss": "^3.4.3",
     "typescript": "^5.4.3",
     "vite": "^5.2.6"
   },

packages/json-table-schema-visualizer/postcss.config.js

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

packages/json-table-schema-visualizer/src/styles/index.css

@@ -0,0 +1,2 @@
+@tailwind base;
+@tailwind utilities;

packages/json-table-schema-visualizer/tailwind.config.js

@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+  darkMode: "selector",
+};