fix(web): add Tailwind CSS setup for design system rendering
All checks were successful
ci/woodpecker/push/orchestrator Pipeline was successful
ci/woodpecker/push/api Pipeline was successful
ci/woodpecker/push/web Pipeline was successful

The login page design components use Tailwind utility classes but
tailwindcss, postcss, and autoprefixer were never added to the web
app's dependencies. Without these, @tailwind directives in globals.css
produce no output and all utility classes render as plain strings.

Adds:
- tailwindcss, postcss, autoprefixer as devDependencies
- tailwind.config.ts with dark mode class strategy and UI package
  content scanning
- postcss.config.mjs with tailwindcss + autoprefixer plugins

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-21 17:32:21 -06:00
parent 1b66417be5
commit 7f24870364
4 changed files with 495 additions and 10 deletions

View File

@@ -47,7 +47,10 @@
"@types/react-grid-layout": "^2.1.0",
"@vitejs/plugin-react": "^4.3.4",
"@vitest/coverage-v8": "^3.2.4",
"autoprefixer": "^10.4.24",
"jsdom": "^26.0.0",
"postcss": "^8.5.6",
"tailwindcss": "^3.4.19",
"typescript": "^5.8.2",
"vitest": "^3.0.8"
}

View File

@@ -0,0 +1,8 @@
const config = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};
export default config;

View File

@@ -0,0 +1,12 @@
import type { Config } from "tailwindcss";
const config: Config = {
darkMode: "class",
content: ["./src/**/*.{js,ts,jsx,tsx,mdx}", "../../packages/ui/src/**/*.{js,ts,jsx,tsx,mdx}"],
theme: {
extend: {},
},
plugins: [],
};
export default config;