[demo] Improve layout on mobile

[juharris]

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

[hkaur008]

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?

[juharris]

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

[hkaur008]

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

[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

[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

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

[hkaur008]

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

[ritik307]

@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
  

• sudo apt install build-essential
  

• ./setup.sh

• yarn start
  

Kindly help me out ☹️

[juharris]

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.