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

Work orders: crafting orders claimed by one crafter, open materials requests, escrow, refunds

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-20 18:01:02 +01:00
parent 89fd9b3c40
commit d03f0035eb
7 changed files with 538 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

31
static/styles.css
View file

@ -571,3 +571,34 @@ button.sheet-skill:hover { background: var(--panel-2); }
.happening-banner { flex-wrap: wrap; }
.happening-banner .grow { min-width: min(260px, 70%); }
.happening-banner > .btn { margin-left: auto; }
/* Work orders */
.badge { background: var(--gold); color: var(--bg); border-radius: 99px; font-size: 11px; font-weight: 800; padding: 1px 7px; }
.order .top { align-items: flex-start; }
.ro-req { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; font-weight: 700; font-size: 13px; }
.ro-req.bad { color: var(--bad); }
.ro-req .gi { width: 16px; height: 16px; }
.ro-slots { display: flex; gap: 10px; flex-wrap: wrap; margin: 4px 0; }
.ro-slot { display: grid; justify-items: center; gap: 3px; font-size: 11px; }
.ro-slot .doll-slot { width: 46px; height: 46px; }
.ro-slot .doll-slot .gi { width: 30px; height: 30px; }
.ro-slot.filled .doll-slot { border-color: rgba(95, 174, 90, .7); background: rgba(95, 174, 90, .1); }
.doll-slot.empty-req { border-style: dashed; background: transparent; }
.doll-slot.empty-req .gi { opacity: .45; }
.tick { position: absolute; bottom: -5px; right: -5px; background: var(--good); color: var(--bg); border-radius: 50%; width: 15px; height: 15px;
font-size: 10px; display: grid; place-items: center; font-weight: 900; }
.ro-have { font-weight: 700; }
.ro-have.good { color: var(--good); } .ro-have.bad { color: var(--bad); }
.ro-reward { font-weight: 700; }
.order .foot { gap: 8px; }
.ro-slots.big .doll-slot { width: 56px; height: 56px; } .ro-slots.big .doll-slot .gi { width: 36px; height: 36px; }
.compose-grid { display: grid; grid-template-columns: 1fr 1.3fr .8fr; gap: 26px; align-items: start; }
.compose select { width: 100%; }
.ro-pick { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.ro-pick .doll-slot { cursor: default; }
.ro-pick > .doll-slot .gi { width: 34px; height: 34px; } .ro-pick .small .gi { width: 14px; height: 14px; }
.stepper { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.stepper input { width: 90px; }
.reward-input { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.reward-input input { width: 110px; }
@media (max-width: 900px) { .compose-grid { grid-template-columns: 1fr; gap: 14px; } }