feat: add cloud save timestamp and force sync button

Shows a relative time label (e.g. "☁️ 2m ago") in the resource bar
seeded from the server on load and updated after every auto-save or
manual save. A πŸ’Ύ button lets players trigger an immediate cloud save
outside the 30-second auto-save cycle, with a ⏳ spinner and disabled
state while the request is in-flight.
This commit is contained in:
2026-03-06 18:22:28 -08:00
committed by Naomi Carrigan
parent 285c38255b
commit 24beaf3131
4 changed files with 97 additions and 2 deletions
+32
View File
@@ -1171,6 +1171,38 @@ body {
color: var(--colour-text);
}
.save-status {
color: var(--colour-text-muted);
font-size: 0.75rem;
white-space: nowrap;
}
.force-save-button {
align-items: center;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(147, 51, 234, 0.4);
border-radius: 50%;
color: var(--colour-text);
cursor: pointer;
display: flex;
font-size: 0.9rem;
height: 2rem;
justify-content: center;
padding: 0;
transition: all 0.2s;
width: 2rem;
}
.force-save-button:hover:not(:disabled) {
background: rgba(147, 51, 234, 0.2);
border-color: var(--colour-accent-light);
}
.force-save-button:disabled {
cursor: not-allowed;
opacity: 0.5;
}
/* ── Public Profile Page ────────────────────────────────────────────────── */
.profile-page {