fix(v2): cleaner mana panel — flexbox rows, readable fonts, no overflow
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:
parent
a8078c51ec
commit
bc247aa9b3
3 changed files with 50 additions and 48 deletions
File diff suppressed because one or more lines are too long
|
|
@ -5,7 +5,7 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Mosswart Overlord v2</title>
|
||||
<link rel="icon" type="image/png" href="/icons/7735.png" />
|
||||
<script type="module" crossorigin src="/v2/assets/index-DddmA07v.js"></script>
|
||||
<script type="module" crossorigin src="/v2/assets/index-rajXNGCo.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/v2/assets/index-DrsM2PEe.css">
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue