juspay / hyperswitch

An open source payments switch written in Rust to make payments fast, reliable and affordable
https://hyperswitch.io/
Apache License 2.0
12.63k stars 1.36k forks source link

[UI] : Implement Mobile Responsiveness for Payment Processor #6126

Open Riddhiagrawal001 opened 2 months ago

Riddhiagrawal001 commented 2 months ago

Description

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

Pages to Update:

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

Requirements

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

Current pages in mobile view

  1. Payment Processors Home page

    image
  2. New payment processor creation

    image
  3. Update a connected connector

    image

Acceptance Criteria

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

Submission Process:

Refer here for Terms and conditions for the contest.

nishantharkut commented 1 month ago

Please assign me this issue @Riddhiagrawal001

Riddhiagrawal001 commented 1 month 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 month ago

Hey @nishantharkut

gorakhnathy7 commented 1 month ago

Hey @nishantharkut

Kindly let us know, if you're still working on the issue? If you have any questions or need assistance, feel free to reach out in the community.

Vaibhav91one commented 4 weeks ago

Please assign this issue to me @gorakhnathy7. (If not stale right now)

gorakhnathy7 commented 3 weeks ago

Sure, Assigning to you, as the incumbent assignee is in-active.

Vaibhav91one commented 3 weeks ago

Hi @Riddhiagrawal001 @gorakhnathy7. PR for the issue #6126

Please ignore the HomeUtils file, it is for another issue.