-
Notifications
You must be signed in to change notification settings - Fork 5.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat: upgrade tailwind to v4 #6448
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
let's wait the release for this merge to make sure we do not break any design before release
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
lgtm
This pull request includes significant updates to the frontend dependencies and several CSS adjustments to improve the styling and maintainability of the codebase. The most important changes include updating Tailwind CSS and related plugins, replacing deprecated PostCSS plugins, and refining various CSS class names for consistency and clarity.
Dependency Updates:
src/frontend/package.json
: Updatedtailwindcss
to version 4.0.0 andprettier-plugin-tailwindcss
to version 0.6.11. Added@tailwindcss/postcss
plugin. Removedautoprefixer
andtailwindcss-dotted-background
as they are no longer needed. [1] [2]Configuration Changes:
src/frontend/postcss.config.js
: Replacedtailwindcss
andautoprefixer
with@tailwindcss/postcss
in the PostCSS configuration.CSS Adjustments:
src/frontend/src/App.css
: Updated Tailwind CSS imports and added compatibility styles for Tailwind CSS v4.flex-shrink-0
withshrink-0
for better readability and consistency. [1] [2] [3] [4] [5] [6]src/frontend/src/components/common/storeCardComponent/index.tsx
: Adjusted class names for better clarity and consistency, such as changing the order of utility classes and ensuring consistent formatting. [1] [2] [3] [4] [5] [6]These changes aim to improve the maintainability and readability of the codebase while ensuring compatibility with the latest version of Tailwind CSS.