DanS b70f1ae643 feat(market): refine the three portfolio row styles ...

Act on the design review of the row layouts:
- Fixed right-aligned columns (DRGX | value | 24h | sparkline) so the numbers
  line up across rows and the value no longer jumps rightward when a group has
  no sparkline/24h.
- Emphasize the fiat value (larger + brighter than the muted DRGX amount) — the
  number users actually scan for.
- Graceful fallback: on-but-absent fields (e.g. price not loaded yet) show a
  muted em-dash instead of a hole; deliberately-hidden fields stay blank.
- Detailed style reworked into a 2x2 grid (label/value on top, DRGX/24h below)
  with a tall sparkline strip spanning both lines, so its extra height earns its
  keep; when a group has no sparkline the value/DRGX fill the space.
- Featured hero value is now neutral bold (OnSurface) instead of the accent
  color, so it can't collide with the green 24h; DRGX right-aligns to fill the
  right when there is no sparkline.
- Stronger row separation (more card fill) and REMOVED the left accent strip —
  group identity now reads from the tinted icon + a subtle accent border.

Verified via the headless sweep across all three styles on dark + light.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

2026-07-09 21:07:40 -05:00

103 KiB

Raw Blame History

View Raw