Gear stats grid on recipes and in the bank: damage and power, 1H/2H, swing time, requirement, bonus

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-20 14:36:05 +01:00
parent ea1bae9b53
commit 9804c0bf85
4 changed files with 54 additions and 4 deletions

View file

@ -456,3 +456,17 @@ button.sheet-skill:hover { background: var(--panel-2); }
.v-attack, .v-res { display: inline-flex; gap: 2px; }
.v-hp { font-size: 12px; }
.fighter-name .v-res { margin-left: 6px; }
/* Gear stats: left, middle and right columns */
.stat-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 4px 10px; align-items: center; margin: 4px 0 2px;
padding: 6px 10px; border-radius: 8px; background: var(--bg); font-size: 13px; }
.stat-grid > :nth-child(3n + 1) { justify-self: start; }
.stat-grid > :nth-child(3n + 2) { justify-self: center; }
.stat-grid > :nth-child(3n) { justify-self: end; }
.stat-grid .gstat { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; }
.stat-grid .gi { width: 16px; height: 16px; }
.stat-grid .gstat.short { color: var(--warn); }
.stat-grid .gstat.trade { color: var(--gold); }
.stat-grid .gstat.muted { font-weight: 500; }
.hands { font-size: 11px; font-weight: 700; letter-spacing: .04em; color: #d6b48a;
border: 1px solid rgba(214, 180, 138, .5); border-radius: 4px; padding: 0 4px; }