Graphical work order item picker

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-20 19:32:27 +01:00
parent 1488692463
commit 16f0384483
2 changed files with 65 additions and 16 deletions

View file

@ -603,3 +603,16 @@ button.sheet-skill:hover { background: var(--panel-2); }
.reward-input input { width: 110px; }
@media (max-width: 900px) { .compose-grid { grid-template-columns: 1fr; gap: 14px; } }
.compose .why { color: var(--warn); font-weight: 600; font-size: 13px; }
.picker { display: grid; gap: 10px; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.pick-skills { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.pick-skill { width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--line); background: var(--panel); display: grid; place-items: center; }
.pick-skill .gi { width: 24px; height: 24px; }
.pick-skill.on { border-color: var(--gold); box-shadow: 0 0 0 1px var(--gold); }
.pick-skills input { margin-left: auto; width: 160px; }
.tabs.sm { margin: 0; gap: 4px; }
.tabs.sm .tab { padding: 3px 10px; font-size: 13px; }
.pick-grid { gap: 9px; }
.doll-slot.pick.nobody > .gi { opacity: .35; }
.pick-lvl { position: absolute; bottom: -5px; right: -5px; font-size: 10px; font-weight: 700; line-height: 1; padding: 2px 4px; border-radius: 6px; background: var(--panel); border: 1px solid var(--line); color: var(--muted); }
.doll-slot.pick.on .pick-lvl { border-color: var(--gold); }
.doll-slot.pick.on .pick-lvl { color: var(--gold); }