fulfillment
This commit is contained in:
parent
e8f1d1db1e
commit
2e90add2e1
67 changed files with 5427 additions and 690 deletions
|
|
@ -454,6 +454,14 @@
|
|||
.selected-info .info-row[data-metric="zunchi"] { background: rgba(112, 142, 70, 0.10); }
|
||||
.selected-info .info-row[data-metric="mood"] { background: rgba(222, 196, 86, 0.10); }
|
||||
.selected-info .info-row[data-metric="lack"] { background: rgba(142, 112, 184, 0.10); }
|
||||
.selected-info .selected-need-row.active {
|
||||
background: rgba(124, 198, 70, 0.18);
|
||||
box-shadow: inset 3px 0 0 rgba(99, 166, 52, 0.78);
|
||||
}
|
||||
.selected-info .selected-need-mark {
|
||||
color: rgba(72, 126, 42, 0.95);
|
||||
font-size: 0.82em;
|
||||
}
|
||||
.selected-personality-changes {
|
||||
align-items: start;
|
||||
}
|
||||
|
|
@ -621,3 +629,179 @@
|
|||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
|
||||
/* v15.25.0: save menu grid, thumbnails, compact import/export confirmation. */
|
||||
.save-dialog-panel {
|
||||
width: min(860px, calc(100vw - 32px));
|
||||
max-height: min(88vh, 790px);
|
||||
}
|
||||
.save-slot-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 10px;
|
||||
margin: 14px 0;
|
||||
}
|
||||
.save-slot-card {
|
||||
display: grid;
|
||||
grid-template-rows: auto auto 1fr auto;
|
||||
gap: 6px;
|
||||
min-height: 190px;
|
||||
padding: 9px;
|
||||
border: 1px solid rgba(115, 91, 62, 0.20);
|
||||
border-radius: 14px;
|
||||
background: rgba(255, 255, 255, 0.58);
|
||||
box-shadow: 0 2px 8px rgba(68, 52, 33, 0.06);
|
||||
}
|
||||
.save-slot-card.empty {
|
||||
background: rgba(250, 247, 240, 0.54);
|
||||
}
|
||||
.save-slot-thumb {
|
||||
height: 82px;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(180deg, rgba(231, 221, 204, 0.80), rgba(245, 240, 230, 0.90));
|
||||
border: 1px solid rgba(115, 91, 62, 0.14);
|
||||
display: grid;
|
||||
place-items: center;
|
||||
}
|
||||
.save-slot-thumb img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
.save-slot-thumb-empty {
|
||||
font-size: 11px;
|
||||
letter-spacing: .04em;
|
||||
color: rgba(88, 72, 54, 0.48);
|
||||
font-weight: 800;
|
||||
}
|
||||
.save-slot-title {
|
||||
font-weight: 800;
|
||||
color: #4f3928;
|
||||
line-height: 1.15;
|
||||
}
|
||||
.save-slot-meta {
|
||||
color: #6d5a46;
|
||||
font-size: 12px;
|
||||
line-height: 1.35;
|
||||
min-height: 48px;
|
||||
}
|
||||
.save-slot-actions {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 5px;
|
||||
justify-content: stretch;
|
||||
}
|
||||
.save-slot-actions .btn.mini {
|
||||
min-width: 0;
|
||||
padding-inline: 5px;
|
||||
}
|
||||
.save-confirm-box {
|
||||
margin-top: 10px;
|
||||
padding: 10px;
|
||||
border-radius: 14px;
|
||||
border: 1px solid rgba(169, 90, 73, 0.26);
|
||||
background: rgba(255, 245, 236, 0.96);
|
||||
box-shadow: inset 0 0 0 1px rgba(255,255,255,.62);
|
||||
}
|
||||
.save-confirm-box.hidden { display: none; }
|
||||
.save-confirm-message { font-size: 13px; line-height: 1.45; color: #4f3928; }
|
||||
.save-confirm-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:8px; }
|
||||
.save-hash-text { min-height: 82px; }
|
||||
@media (max-width: 740px) {
|
||||
.save-slot-grid { grid-template-columns: 1fr; }
|
||||
.save-slot-card { min-height: 0; }
|
||||
.save-slot-thumb { height: 96px; }
|
||||
}
|
||||
|
||||
/* v15.25.0: compact full-width colony mood. */
|
||||
.colony-stats .stat:nth-child(3) {
|
||||
grid-column: 1 / -1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
padding: 5px 9px;
|
||||
min-height: 28px;
|
||||
text-align: left;
|
||||
}
|
||||
.colony-stats .stat:nth-child(3) span { font-size: 10px; }
|
||||
.colony-stats .stat:nth-child(3) strong { font-size: 14px; line-height: 1.15; text-align: right; }
|
||||
|
||||
/* v15.25.0: event push cards are contained at the top of the event UI. */
|
||||
.log-push-overlay {
|
||||
position: static;
|
||||
z-index: auto;
|
||||
width: 100%;
|
||||
margin: 0 0 8px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
pointer-events: none;
|
||||
}
|
||||
.log-push-toast {
|
||||
box-shadow: 0 6px 18px rgba(46, 34, 24, 0.13);
|
||||
padding: 8px 10px 8px 13px;
|
||||
}
|
||||
|
||||
/* v15.28.0: smaller save slots with full-card thumbnails. */
|
||||
.save-dialog-panel { width: min(760px, calc(100vw - 32px)); max-height: min(88vh, 760px); }
|
||||
.save-slot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
|
||||
.save-slot-card { position: relative; overflow: hidden; min-height: 126px; padding: 7px; grid-template-rows: auto 1fr auto; gap: 4px; background: rgba(255,255,255,.64); }
|
||||
.save-slot-thumb { position: absolute; inset: 0; height: auto; border: 0; border-radius: inherit; z-index: 0; opacity: .88; }
|
||||
.save-slot-thumb::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,250,241,.42), rgba(255,250,241,.78)); }
|
||||
.save-slot-thumb img { object-fit: cover; }
|
||||
.save-slot-thumb-empty { width:100%; height:100%; display:grid; place-items:center; background:rgba(240,234,222,.80); }
|
||||
.save-slot-title, .save-slot-meta, .save-slot-actions { position: relative; z-index: 1; }
|
||||
.save-slot-title { padding: 3px 6px; border-radius: 999px; background: rgba(255,251,244,.76); width: fit-content; }
|
||||
.save-slot-meta { min-height: 34px; font-size: 11px; line-height: 1.25; padding: 5px 6px; border-radius: 10px; background: rgba(255,251,244,.70); }
|
||||
.save-slot-actions { gap: 4px; }
|
||||
.save-slot-actions .btn.mini { padding: 5px 4px; font-size: 11px; }
|
||||
@media (max-width: 740px) { .save-slot-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .save-slot-card { min-height: 118px; } }
|
||||
@media (max-width: 520px) { .save-slot-grid { grid-template-columns: 1fr; } .save-slot-card { min-height: 128px; } }
|
||||
|
||||
/* v15.28.0: frozen list lives inside the Operation tool category. */
|
||||
.tool-category[data-tool-category="operate"] .frozen-panel { grid-column: 1 / -1; margin: 4px 0 0; }
|
||||
|
||||
|
||||
/* v15.28.0: large centered load/overwrite warning. */
|
||||
.save-confirm-box {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
z-index: 12000;
|
||||
width: min(560px, calc(100vw - 32px));
|
||||
margin: 0;
|
||||
padding: 22px 24px;
|
||||
border-radius: 22px;
|
||||
border: 2px solid rgba(169, 90, 73, 0.34);
|
||||
background: rgba(255, 248, 239, 0.98);
|
||||
box-shadow: 0 24px 70px rgba(42, 30, 18, 0.30), inset 0 0 0 1px rgba(255,255,255,.74);
|
||||
}
|
||||
.save-confirm-box::before {
|
||||
content: "";
|
||||
position: fixed;
|
||||
left: -100vw;
|
||||
right: -100vw;
|
||||
top: -100vh;
|
||||
bottom: -100vh;
|
||||
background: rgba(30, 22, 14, 0.24);
|
||||
z-index: -1;
|
||||
}
|
||||
.save-confirm-message {
|
||||
font-size: 18px;
|
||||
line-height: 1.55;
|
||||
font-weight: 800;
|
||||
color: #4a2f23;
|
||||
}
|
||||
.save-confirm-actions {
|
||||
margin-top: 18px;
|
||||
gap: 12px;
|
||||
}
|
||||
.save-confirm-actions .btn {
|
||||
min-width: 118px;
|
||||
padding: 10px 16px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue