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:
parent
63ea242167
commit
dc7b26676d
3 changed files with 146 additions and 23 deletions
|
|
@ -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';
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue