fix(web): add Tailwind CSS setup for design system rendering #436

jason.woltje · 2026-02-21T23:33:02Z

jason.woltje commented

2026-02-21 23:33:02 +00:00

Summary

The login page design system components (from PR #435) use Tailwind CSS utility classes, but tailwindcss itself was never added to the web app dependencies. Without the package and configuration, the @tailwind directives in globals.css produce no CSS output and all utility classes are inert.

Changes

Add tailwindcss (^3.4.19), postcss (^8.5.6), autoprefixer (^10.4.24) as devDependencies
Add tailwind.config.ts with dark mode "class" strategy and content scanning for packages/ui/src
Add postcss.config.mjs with tailwindcss + autoprefixer plugins

Test plan

Pre-commit hooks pass (lint, typecheck)
CI pipeline green
Login page renders with proper styling after deployment

## Summary The login page design system components (from PR #435) use Tailwind CSS utility classes, but tailwindcss itself was never added to the web app dependencies. Without the package and configuration, the @tailwind directives in globals.css produce no CSS output and all utility classes are inert. ## Changes - Add tailwindcss (^3.4.19), postcss (^8.5.6), autoprefixer (^10.4.24) as devDependencies - Add tailwind.config.ts with dark mode "class" strategy and content scanning for packages/ui/src - Add postcss.config.mjs with tailwindcss + autoprefixer plugins ## Test plan - [x] Pre-commit hooks pass (lint, typecheck) - [ ] CI pipeline green - [ ] Login page renders with proper styling after deployment

jason.woltje added 1 commit 2026-02-21 23:33:03 +00:00

fix(web): add Tailwind CSS setup for design system rendering

ci/woodpecker/push/orchestrator Pipeline was successful

Details

ci/woodpecker/push/api Pipeline was successful

Details

ci/woodpecker/push/web Pipeline was successful

Details

7f24870364

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>

jason.woltje merged commit 7480deff10 into main

2026-02-21 23:36:17 +00:00

jason.woltje deleted branch fix/tailwind-setup

2026-02-21 23:36:17 +00:00

jason.woltje referenced this issue from a commit

2026-02-21 23:36:18 +00:00

fix(web): add Tailwind CSS setup for design system rendering (#436)

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: mosaic/stack#436