feat(ui): improve respawn duration with preset buttons

Replace the simple number input for respawn duration with a preset
button group (30m, 1h, 2h, 4h, 8h, ∞, Custom). Move duration to be
the first option in the Respawn Controller settings.

- Add duration preset buttons with visual highlighting for selection
- ∞ (unlimited) is selected by default
- Custom option reveals a number input for arbitrary values
- Reset to default when modal opens

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-19 14:37:20 +01:00
co-authored by Claude Opus 4.5
parent c82686f08e
commit 035ffb42b9
3 changed files with 109 additions and 10 deletions
+48
View File
@@ -1351,6 +1351,54 @@ body {
font-size: 0.7rem;
}
/* Duration preset buttons */
.duration-presets {
display: flex;
flex-wrap: wrap;
gap: 0.35rem;
align-items: center;
}
.duration-preset-btn {
padding: 0.4rem 0.7rem;
font-size: 0.75rem;
background: var(--bg-input);
border: 1px solid var(--border);
border-radius: 4px;
color: var(--text-dim);
cursor: pointer;
transition: all 0.15s;
}
.duration-preset-btn:hover {
border-color: var(--border-light);
color: var(--text);
}
.duration-preset-btn.active {
background: var(--accent);
border-color: var(--accent);
color: #fff;
}
.duration-custom {
display: flex;
align-items: center;
gap: 0.35rem;
}
.duration-custom-input {
display: none;
}
.duration-custom-input.visible {
display: flex;
}
.duration-custom-input input {
width: 60px;
}
/* Respawn actions in modal */
.respawn-actions {
display: flex;