swapr-dapp icon indicating copy to clipboard operation
swapr-dapp copied to clipboard

Published 20 hours ago • verified publisher icon SwaprHQ

Swap Page/ Mobile Responsive

Open MilanVojnovic95 opened this issue 2 years ago • 0 comments

Description This issue is a list of things that need to be fixed in order for the site to be Mobile Responsive. @0xVenky @zamli Please review the screenshots to know if we need a design or some additional solution for certain elements.

Definition of done

  • [ ] Description is created (Task creator)
  • [ ] Code is complete (Developer)
  • [ ] Scope of test and what was done section is defined in task (Developer)
  • [ ] Review passed (Code reviewer)
  • [ ] Verified manually (QA)
  • [ ] Test cases created/updated if necessary (QA)
  • [ ] Change successfully merged
  • [ ] Release notes added if needed

How to Reproduce Steps to reproduce the behavior:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior A clear and concise description of what you expected to happen.

Screenshot

  1. It happens that in certain fields we cannot see the whole numbers that have been entered and also somewhere the elements overlap. image

  2. We are missing elements with animations that are present on the desktop image

  3. There is also a scroll image

  4. I also think that the modals with notifications are not positioned nicely or they lack padding image

image

image

Additional context Add any other context about the problem here. Also, if it's relevant for the described byg, add information like the browser or OS.

MilanVojnovic95 avatar Nov 03 '22 09:11 MilanVojnovic95