[UI] : Implement Mobile Responsiveness for Payment Processor

Riddhiagrawal001 commented 3 weeks ago

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

Payment Processors Home page (Route: /dashboard/connectors)
New payment processor creation (Route: /dashboard/connectors/new?name=${connector_name})
Update a connected connector (Route: /dashboard/connectors/${connected_connector_id})

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

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

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.
For this issue, submit a PR on https://github.com/juspay/hyperswitch-control-center, and link to the issue.

Refer here for Terms and conditions for the contest.

nishantharkut commented 1 week ago

Please assign me this issue @Riddhiagrawal001

Riddhiagrawal001 commented 1 week ago

Hi @nishantharkut , I have assigned the issue to you, and it is now ready for you to pick up . Let me know if you need any help

gorakhnathy7 commented 1 week ago

Hey @nishantharkut

For this issue, submit a PR on https://github.com/juspay/hyperswitch-control-center, and link to the issue.

juspay / hyperswitch