Skip to content

fix : redesign upper part and make it responsive to small screens and…#1195

Open
Muragesh-24 wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
Muragesh-24:new_oo
Open

fix : redesign upper part and make it responsive to small screens and…#1195
Muragesh-24 wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
Muragesh-24:new_oo

Conversation

@Muragesh-24
Copy link
Copy Markdown
Contributor

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

  • Bug fix
  • New feature
  • Documentation update
  • Refactor / code cleanup

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 _______________________________
Screenshot 2026-05-26 164017
Screenshot 2026-05-26 164006

After_____________________________________
image

Checklist

  • Linked issue in summary
  • npm run lint passes locally
  • No TypeScript errors (npm run type-check)
  • Self-reviewed the diff
  • Added/updated tests if applicable

@vercel
Copy link
Copy Markdown

vercel Bot commented May 26, 2026

@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.

@Priyanshu-byte-coder Priyanshu-byte-coder added gssoc:approved GSSoC: PR approved for scoring level:intermediate GSSoC: Intermediate difficulty (35 pts) labels May 27, 2026
@Priyanshu-byte-coder
Copy link
Copy Markdown
Owner

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
@github-actions github-actions Bot added gssoc26 GSSoC 2026 contribution type:bug GSSoC type bonus: bug fix type:design GSSoC type bonus: UI/design (+10 pts) labels May 27, 2026
@Muragesh-24
Copy link
Copy Markdown
Contributor Author

This PR has a merge conflict with main. Please rebase your branch and resolve conflicts so we can merge it.

@Priyanshu-byte-coder fixed the merge conflicts

@Priyanshu-byte-coder
Copy link
Copy Markdown
Owner

Hi! This PR has been approved (gssoc:approved) but has merge conflicts with the latest main. Please rebase your branch on main, resolve any conflicts, and push — we'll merge right away. Thank you for your contribution!

Copy link
Copy Markdown
Owner

@Priyanshu-byte-coder Priyanshu-byte-coder left a comment

Choose a reason for hiding this comment

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

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.

@Priyanshu-byte-coder
Copy link
Copy Markdown
Owner

This PR has conflicts with the current main branch. Please rebase on main to resolve conflicts so it can be reviewed and merged. Run: git fetch upstream main && git rebase upstream/main

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc:approved GSSoC: PR approved for scoring gssoc26 GSSoC 2026 contribution level:intermediate GSSoC: Intermediate difficulty (35 pts) type:bug GSSoC type bonus: bug fix type:design GSSoC type bonus: UI/design (+10 pts)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants