0xDeCA10B icon indicating copy to clipboard operation
0xDeCA10B copied to clipboard

[demo] Improve layout on mobile

Open juharris opened this issue 4 years ago • 8 comments

  • [x] Footer background does not stretch
  • [ ] Tables (refund, reward, deployment info) are not visible

juharris avatar Dec 09 '19 16:12 juharris

Hi @juharris Are you asking for responsiveness over mobile? I think this is frontend work , could you direct me to the file and changes I have to do?

hkaur008 avatar Apr 25 '21 18:04 hkaur008

Responsiveness is good. There might also be issues with tables in model.js being too wide to display.

juharris avatar Apr 26 '21 13:04 juharris

Can you attach screenshot of present layout on mobile and what exactly you want as a layout change . I would try to improve that. Do I just have to run client side set up ? Can you direct me a little bit . https://github.com/microsoft/0xDeCA10B/tree/main/demo/client

hkaur008 avatar Apr 26 '21 18:04 hkaur008

I could send a picture but you'll have to run the demo/client to see how your change will look in any case. You can tell you browser to display a page how it would display on a mobile device. Usually you can open the DevTools (F12) and then click on the phone/tablet icon around the top left. Setup instructions: https://github.com/microsoft/0xDeCA10B/tree/main/demo#setup

juharris avatar Apr 26 '21 19:04 juharris

I could send a picture but you'll have to run the demo/client to see how your change will look in any case. You can tell you browser to display a page how it would display on a mobile device. Usually you can open the DevTools (F12) and then click on the phone/tablet icon around the top left. Setup instructions: https://github.com/microsoft/0xDeCA10B/tree/main/demo#setup

please assign me this issue as well ! will keep you updated over this

hkaur008 avatar Apr 26 '21 19:04 hkaur008

Hey! , actually i wanted ti work over this do let me now when to start !

hkaur008 avatar Jun 02 '21 10:06 hkaur008

@juharris I am interested in solving this issue. But I am currently facing an issue while setting up the project on my local machine. I followed the REEADME.md file but still faced trouble while running the project. Following are the commands I ran in order to set up the project.

  • yarn install ss1

  • sudo apt install build-essential ss1

  • ./setup.sh

  • yarn start Screenshot from 2022-02-05 15-57-58

Kindly help me out ☹️

ritik307 avatar Feb 05 '22 10:02 ritik307

Thanks for your interest in the project. The steps in README.md are correct. Please run them in the order shown from the demo folder (because that's the folder with README.md) and make sure each one is successful before moving on to the next. The error from yarn install isn't shown but I believe the troubleshooting steps in README.md will help.

juharris avatar Feb 05 '22 15:02 juharris