ani1609 / Spendwise

Spendwise - Your User-Friendly Expense Tracker
https://spendwise-seven.vercel.app/
MIT License
25 stars 49 forks source link

Improve responsiveness of Profile Page #213

Closed GautamRaj-12 closed 10 months ago

GautamRaj-12 commented 10 months ago

The profile Page right now is not responsive for small screen size. Make a hamburger menu for the sidebar on small widths.

https://github.com/ani1609/Spendwise/assets/64408989/46dcaac9-bba3-4ef5-af70-777ab67bff93

To Reproduce

Steps to reproduce the behavior:

  1. Go to profile folder inside the components file.
  2. Work with RightDashboard.js , PredefinedTransactions.js, Profile.js and Sidebar.js to make the hamburger menu.
  3. Make it responsive

Expected behavior

On small(sm) screen: The sidebar should be hidden by default, hamburger menu will be there, when we click on the hamburger menu, the sidebar should appear, and when we click on the cross, the sidebar should disappear. On larger screen (than sm): no changes required