AugurProject / augur

Augur v2 - Prediction Market Protocol and Client
MIT License
450 stars 143 forks source link

Changes to the available balances to make clearer #10870

Closed matt-bullock closed 3 years ago

matt-bullock commented 3 years ago

Desktop

Home page https://www.figma.com/file/6y4nvjfeVZwzwKcoXB0neq/Simplified-UI?node-id=93%3A17627

image

Portfolio https://www.figma.com/file/6y4nvjfeVZwzwKcoXB0neq/Simplified-UI?node-id=93%3A17690

image


Mobile

https://www.figma.com/file/6y4nvjfeVZwzwKcoXB0neq/Simplified-UI?node-id=292%3A5590

image

matt-bullock commented 3 years ago

Try removing currency icons to fit (on mobile only).

Mobile component should be the same on markets and portfolio - currently the fonts look different

matt-bullock commented 3 years ago

@phoebemirman on mobile, the markets page balance summary isn't fitting. Can you reduce the spacing to try to fit.

Looks like you're using a different font weight for the numbers on the markets page to the portfolio page (600 & 700). Can use either size but just need to be consistent.

Can you reduce the corner rounding to 8px

image


On desktop - portfolio page the height of this component needs reducing. Overall height is designed to be ~102px

Just on the portfolio page the space between the label and number can be reduced to 8px. See below image

Can you change 'Total Account Value' to 'Total Acc Value' to stop the label taking up so much space

matt-bullock commented 3 years ago

@phoebemirman See DM regarding mobile

Chwy5 commented 3 years ago

closing-done