fix: tighten mana panel layout and icon sizing

Adjust the inventory mana panel to fit beside the backpack column without overlap, prevent the panel from scrolling, shrink composite icons correctly, and refine mana-state derivation using existing item spell data.
This commit is contained in:
Erik 2026-03-12 07:54:56 +01:00
parent 63ea242167
commit dc7b26676d
3 changed files with 146 additions and 23 deletions

View file

@ -1554,7 +1554,9 @@ function renderInventoryManaPanel(state) {
const iconWrap = document.createElement('div');
iconWrap.className = 'inv-mana-icon';
iconWrap.appendChild(createInventorySlot(item));
const iconSlot = createInventorySlot(item);
iconSlot.classList.add('mana-slot');
iconWrap.appendChild(iconSlot);
const nameEl = document.createElement('div');
nameEl.className = 'inv-mana-name';
@ -1609,6 +1611,9 @@ function showInventoryWindow(name) {
loading.textContent = 'Loading inventory...';
content.appendChild(loading);
win.style.width = '540px';
win.style.height = '520px';
const invContent = document.createElement('div');
invContent.className = 'inventory-content';
invContent.style.display = 'none';