feat: tailwind-poc
Thanks for submitting a PR! Please check the boxes below:
- [ ] I have added information to
docs/if required so people know about the feature! - [ ] I have filled in the "Changes" section below?
- [ ] I have filled in the "How did you test this code" section below?
- [ ] I have used a Conventional Commit title for this Pull Request
Changes
Please describe.
How did you test this code?
Please describe.
[!NOTE] Add Tailwind CSS and Autoprefixer via PostCSS, wire into webpack, and apply initial Tailwind-based style/class updates.
- Build/Config
- Add
tailwindcss,autoprefixer, andeslint-plugin-tailwindcss; createpostcss.config.js.- Introduce
tailwind.config.jswith custom theme (colors, fonts, radii, spacing, dark mode via class, preflight disabled).- Update webpack to use
postcss-loaderforcss/scssinlocal,prod, and Django builds.- Import Tailwind styles via
web/styles/tailwind.cssand reference inweb/main.jsandstyles.scss.- Styling
- Add Tailwind directives and CSS variables; new
.tabsbase styles.- Large portions of legacy input styles in
components/_input.scsscommented out.- UI Tweaks
- Minor class adjustments to use utility classes (e.g.,
d-flex→flex, addbtn btn-secondary,dark:text-red-500).- Small content/class tweaks in
FeatureAnalytics.container.tsx,Tabs.tsx,OrganisationNavbar.tsx,UsersAndPermissionsPage.tsx.Written by Cursor Bugbot for commit 680d781287d6e5572bbb1ef4f7be992b1fffc3ae. This will update automatically on new commits. Configure here.
The latest updates on your projects. Learn more about Vercel for GitHub.
| Project | Deployment | Preview | Comments | Updated (UTC) |
|---|---|---|---|---|
| flagsmith-frontend-preview | Preview | Comment | Sep 30, 2025 7:20am | |
| flagsmith-frontend-staging | Preview | Comment | Sep 30, 2025 7:20am |
Docker builds report
| Image | Build Status | Security report |
|---|---|---|
ghcr.io/flagsmith/flagsmith-api-test:pr-6105 |
Finished :white_check_mark: | Skipped |
ghcr.io/flagsmith/flagsmith-e2e:pr-6105 |
Finished :white_check_mark: | Skipped |
ghcr.io/flagsmith/flagsmith-api:pr-6105 |
Finished :white_check_mark: | Results :white_check_mark: |
ghcr.io/flagsmith/flagsmith:pr-6105 |
Finished :white_check_mark: | Results :white_check_mark: |
ghcr.io/flagsmith/flagsmith-private-cloud:pr-6105 |
Finished :white_check_mark: | Results :white_check_mark: |
ghcr.io/flagsmith/flagsmith-frontend:pr-6105 |
Finished :white_check_mark: | Results :white_check_mark: |
@Zaimwa9
Should we consider adding a prefix on tailwind classes in order to avoid conflicts ?
like tw-*, then we can remove it after the full migration. (just an idea...)