mirror of
https://github.com/Ark0N/Codeman.git
synced 2026-10-05 23:19:43 +02:00
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user