fix : redesign upper part and make it responsive to small screens and…#1195
fix : redesign upper part and make it responsive to small screens and…#1195Muragesh-24 wants to merge 1 commit into
Conversation
|
@Muragesh-24 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
This PR has a merge conflict with main. Please rebase your branch and resolve conflicts so we can merge it. |
… fix the stability of the screen for small devices
@Priyanshu-byte-coder fixed the merge conflicts |
|
Hi! This PR has been approved ( |
Priyanshu-byte-coder
left a comment
There was a problem hiding this comment.
This PR has merge conflicts with current main in src/app/dashboard/page.tsx and src/components/DashboardHeader.tsx. Please rebase onto current main branch and resolve the conflicts.
|
This PR has conflicts with the current |
Summary
Improve the dashboard’s top section for mobile and make the header/action area feel more polished and professional. The navbar controls and quick actions now collapse and wrap cleanly on small screens, preventing horizontal overflow and unstable layout shifts.
Type of Change
Changes Made
Made the dashboard header responsive so the control cluster wraps cleanly on mobile.
Reworked the top action area into a compact quick-actions panel.
Removed fixed-width pressure from export/action buttons on small screens.
Improved the visual hierarchy of the dashboard header for a cleaner, more professional look.
Screenshots (if UI change)
Before _______________________________


After_____________________________________

Checklist
npm run lintpasses locallynpm run type-check)