[UI] : Implement Mobile Responsiveness for Home page - Githubissues

juspay / hyperswitch

An open source payments switch written in Rust to make payments fast, reliable and affordable

https://hyperswitch.io/

Apache License 2.0

11.97k stars 1.25k forks source link

[UI] : Implement Mobile Responsiveness for Home page #6127

Open Riddhiagrawal001 opened 1 week ago

Riddhiagrawal001 commented 1 week ago

Description

Home page need to be optimised for mobile devices to ensure a seamless user experience across various screen sizes and resolutions.

Pages to Update:

Home page (Route:/dashboard/home)

Requirements

Ensure all elements (text, images, buttons, etc.) scale appropriately for mobile viewports.
Changes for mobile responsiveness doesn't hamper the existing web view
Test across multiple devices and browsers (iOS, Android, Chrome, Safari, etc.).

Current pages in mobile view

Acceptance Criteria

Each page must be fully functional and visually optimised for mobile devices.
Navigation elements (menus, buttons) should be easily clickable and accessible on touchscreens.
The design should maintain visual consistency with the desktop version while being mobile-friendly.
Proper testing and verification on different devices and screen sizes.
Changes for mobile responsiveness doesn't hamper the existing web view

Submission Process:

Ask the maintainers for assignment of the issue, you can request for assignment by commenting on the issue itself.
Once assigned, submit a pull request (PR).
Maintainers will review and provide feedback, if any.
Maintainers can unassign issues due to inactivity, read more here.

Refer here for Terms and conditions for the contest.

Vaibhav91one commented 10 hours ago

Please assign this issue to me @Riddhiagrawal001 .