refactor: Update Tailwind CSS integration and clean up configuration files

tikazyq · tikazyq · commit 5ccba57f250d · 2025-07-29T00:33:18.000+08:00
diff --git a/packages/web/app/globals.css b/packages/web/app/globals.css
@@ -1,5 +1,7 @@
 /* All @import statements must come first - CSS specification requirement */
-@import "tailwindcss";
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 @import './styles/base.css';
 @import './styles/layout.css';
diff --git a/packages/web/package.json b/packages/web/package.json
@@ -53,7 +53,7 @@
     "typeorm": "0.3.25",
     "ws": "^8.14.2",
     "zod": "^3.25.67",
-    "@tailwindcss/postcss": "4.1.11"
+    "tailwindcss": "^3.4.17"
   },
   "devDependencies": {
     "@types/node": "^20.10.6",
@@ -68,7 +68,6 @@
     "postcss": "^8.5.6",
     "recharts": "^2.10.3",
     "rimraf": "^5.0.5",
-    "tailwindcss": "^3.4.17",
     "typescript": "^5.3.3"
   },
   "keywords": [
diff --git a/packages/web/postcss.config.mjs b/packages/web/postcss.config.mjs
@@ -1,6 +1,7 @@
 const config = {
   plugins: {
-    '@tailwindcss/postcss': {},
+    tailwindcss: {},
+    autoprefixer: {},
   },
 };
 
diff --git a/packages/web/tailwind.config.js b/packages/web/tailwind.config.js
@@ -87,4 +87,3 @@ module.exports = {
   },
   plugins: [require("tailwindcss-animate"), require('@tailwindcss/typography')],
 }
-

Original file line number	Diff line number	Diff line change
`@@ -87,4 +87,3 @@ module.exports = {`
`87`	`87`	`},`
`88`	`88`	`plugins: [require("tailwindcss-animate"), require('@tailwindcss/typography')],`
`89`	`89`	`}`
`90`		`-`