rope/guildhall
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Equipment: pick a slot to swap gear from the bank; plain totals

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-20 15:20:56 +01:00
parent 648272bdd9
commit 2f2681ba17
4 changed files with 52 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

16
static/styles.css
View file

@ -487,7 +487,6 @@ button.sheet-skill:hover { background: var(--panel-2); }
.doll-slot.small .gi { width: 26px; height: 26px; }
.doll-side { display: grid; gap: 12px; min-width: 0; }
.doll-stats { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; font-size: 13px; align-items: center; }
.doll-stats > span:first-child { grid-column: 1 / -1; margin-bottom: 2px; }
.doll-stats b { justify-self: end; }
.doll-stats .gi { width: 14px; height: 14px; }
.worn-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
@ -496,3 +495,18 @@ button.sheet-skill:hover { background: var(--panel-2); }
.worn-head .btn { margin-left: auto; }
.tool-slots { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 520px) { .doll-wrap { grid-template-columns: 1fr; justify-items: center; } .doll-side { width: 100%; } }
/* Swapping gear from the doll */
.swap-head { margin-top: 2px; }
.swap-grid { display: flex; flex-wrap: wrap; gap: 6px; }
.doll-slot.swap { width: 44px; height: 44px; }
.doll-slot.swap .gi { width: 28px; height: 28px; }
.doll-slot.swap:hover:not(:disabled) { border-color: var(--gold); }
.doll-slot.swap:disabled { opacity: .4; cursor: not-allowed; }
.doll-slot.swap.off { border-style: dashed; background: transparent; }
.doll-slot.swap.off .gi { width: 18px; height: 18px; }
.swap-type { position: absolute; bottom: -4px; right: -4px; }
.swap-type .dmg { width: 16px; height: 16px; background: var(--panel); border-radius: 4px; }
.swap-qty { position: absolute; top: 1px; left: 3px; font-size: 10px; font-weight: 700; color: var(--muted); }
.doll-slot.swap .swap-type .gi { width: 11px; height: 11px; }
.doll-slot.swap .hands { top: 1px; right: 1px; font-size: 8px; padding: 0 2px; }