vegaprotocol / frontend-monorepo

Toolkit for building apps that interact with Vega
https://vega.xyz
MIT License
21 stars 14 forks source link

Market dropdown column widths on mobile are cramped #6346

Closed JonRay15 closed 1 week ago

JonRay15 commented 2 weeks ago

The Chore

The real estate seems to be too weights towards the price / volume and not heavily enough towards the market code which has a lot of ... on it.

Either we reduce the width on the volume substantially (maybe using that compactNumber change?) or I suspect realistically we may simply have to lose the volume entirely to reliably have enough space to show the market code now that the icons are always included.

Could also stack price / volume vertically?

Could also stack market code / product vertically?

Worst case if we cant make it work remove the 24h volume on mobile.

Acceptance Criteria

Additional details / background info

image