Web App: UI styling for Download Page

specollective / insights-agent-web-app

Web client for the Insights Agent application.

2 stars 1 forks source link

Web App: UI styling for Download Page #48

Closed YolineB closed 1 year ago

YolineB commented 1 year ago

Figma design for desktop

Figma design for mobile

[ ] Download button, #37770D background, black border, 10px radius
[ ] Set Up Instructions
[ ] Icon

Desktop:

Mobile:

najwanan commented 1 year ago

@dashcraft The current code pulls in instructions for uninstall directions which are not included on the Figma wireframe. Question: Do we need to include uninstall directions? If so, then is the following the correct approach?

create a separate component in the elements folder named UninstallInstructions
put a placeholder for the text

najwanan commented 1 year ago

Last detail to fix is the weight and size of the numbers in the ol. Couldn't find any docs that helped. Any suggestions as to how best to approach this?

dashcraft commented 1 year ago

Go ahead and copy the text over, that's fine
For the ordered list, this should help you style them: https://stackoverflow.com/questions/21369843/is-there-a-way-to-make-numbers-in-an-ordered-list-bold