fix(v2): cleaner mana panel — flexbox rows, readable fonts, no overflow

Browse source

Replaced the cramped 3-column CSS Grid mana layout with simple
flexbox rows matching the player sidebar style:
- Status dot (green/red) + item name + mana current/max + time remaining
- Font sizes use rem units (0.65-0.72rem) matching sidebar buttons/stats
- tabular-nums for aligned numbers
- Time column has min-width so it doesn't get clipped
- No more horizontal scrolling or cut-off text
- Empty state message when no mana items equipped

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

...

This commit is contained in:

Erik 2026-04-12 21:47:02 +02:00

parent a8078c51ec

commit bc247aa9b3

3 changed files with 50 additions and 48 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download patch file Download diff file Expand all files Collapse all files

76

static/v2/assets/index-DddmA07v.js → static/v2/assets/index-rajXNGCo.js

View file

File diff suppressed because one or more lines are too long