Skip to content

Rwq3/style migration#687

Open
YottaYocta wants to merge 26 commits into
masterfrom
rwq3/style-migration
Open

Rwq3/style migration#687
YottaYocta wants to merge 26 commits into
masterfrom
rwq3/style-migration

Conversation

@YottaYocta

Copy link
Copy Markdown
Collaborator

more styl

YottaYocta and others added 13 commits April 8, 2026 15:43
This commit completes the migration from CSS modules to Tailwind CSS utility classes across the entire frontend codebase.

Migration Summary:
- Removed all 51 CSS module files (.module.css)
- Migrated 71+ component files to use Tailwind CSS classes
- 122 files changed, 714 insertions, 6667 deletions
- All component functionality and visual appearance preserved

Key Changes:
- Removed all CSS module imports from TypeScript/TSX files
- Converted inline style objects to Tailwind utility classes
- Preserved dynamic styling patterns using classnames/cn utility
- Maintained responsive breakpoints and hover/focus/active states
- Refactored complex components (tables, modals, forms, etc.)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@YottaYocta YottaYocta requested a review from a team as a code owner April 15, 2026 21:22
@vercel

vercel Bot commented Apr 15, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
cu-carriage Ready Ready Preview, Comment Apr 22, 2026 5:52am

@netlify

netlify Bot commented Apr 15, 2026

Copy link
Copy Markdown

Deploy Preview for carriage-web ready!

Name Link
🔨 Latest commit ea61947
🔍 Latest deploy log https://app.netlify.com/projects/carriage-web/deploys/69e861f855f9930008b7dc80
😎 Deploy Preview https://deploy-preview-687--carriage-web.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@dti-github-bot

dti-github-bot commented Apr 15, 2026

Copy link
Copy Markdown
Member

[diff-counting] Significant lines: 2255. This diff might be too big! Developer leads are invited to review the code.

@anika-4444 anika-4444 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall looks pretty good! I just noticed some small styling problems that got translated weirdly in tailwind.

Hopefully I got all of them but maybe another look after you implement the changes will reveal the less obvious ones

Comment thread frontend/src/components/ExportButton/ExportButton.tsx Outdated
Comment thread frontend/src/pages/Landing/Landing.tsx Outdated
Comment thread frontend/src/components/UserDetail/legacy/UserDetail.tsx Outdated
Comment thread frontend/src/components/ResponsiveRideCard.tsx Outdated
Comment thread frontend/src/pages/Landing/Landing.tsx Outdated
<h1 className={styles.heading}>Login</h1>
<div className="rounded-r-2xl bg-white grow flex flex-col justify-between items-center text-center p-16 relative max-md:rounded-b-2xl max-md:rounded-tr-none">
<div className="flex flex-col justify-center items-center flex-1">
<h1 className="text-3xl">Login</h1>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

seems like the styling here got a little lost

Image

Comment thread frontend/src/components/EmployeeCards/EmployeeCards.tsx
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants