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"
}