Conversation
There was a problem hiding this comment.
Code Review
This pull request primarily focuses on migrating the project's styling system to Tailwind CSS, which involves updating configuration files, removing legacy SCSS files, and refactoring various components to use Tailwind utility classes. Additionally, some UI components were updated for better consistency. I have identified a potential issue in UIButtonGroupItem.vue where the secondary variant now shares identical styling with the primary variant, which may be unintentional.
| background-color: var(--ui-color-grey-400); | ||
| color: var(--ui-color-grey-1000); | ||
| &.active { | ||
| background-color: var(--ui-color-grey-200); | ||
| color: var(--ui-color-turquoise-600); | ||
| background-color: var(--ui-color-grey-100); | ||
| color: var(--ui-color-grey-1000); | ||
| } | ||
| } |
There was a problem hiding this comment.
The secondary variant now has the same styles as the primary variant. This might be unintentional. If the goal is to have them look the same, consider removing the secondary variant to simplify the component's API. If they should be different, the previous styles for secondary should be restored or new distinct styles should be applied.
Demo for new design. DO NOT MERGE.