Graphical work order item picker
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
1488692463
commit
16f0384483
2 changed files with 65 additions and 16 deletions
|
|
@ -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); }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue