Improve decoder setup UI and add configurable training timers

This commit is contained in:
larssand
2026-08-27 17:29:44 +02:00
parent 32acc0e9c7
commit a87c64a47c
8 changed files with 493 additions and 57 deletions

View File

@@ -280,8 +280,55 @@ button {
line-height: 1.55;
}
.profile-timer-setup {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
margin: 18px 0 4px;
padding: 12px;
border: 1px solid var(--line);
border-radius: 12px;
}
.profile-timer-setup legend {
padding: 0 6px;
color: var(--muted);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.profile-timer-setup label {
display: grid;
gap: 5px;
color: var(--muted);
font-size: 0.75rem;
font-weight: 700;
}
.profile-timer-setup input {
width: 100%;
padding: 9px 10px;
border: 1px solid var(--line);
border-radius: 9px;
background: rgba(255, 255, 255, 0.035);
color: var(--text);
font: inherit;
}
.profile-timer-setup small {
grid-column: 1 / -1;
color: var(--muted);
line-height: 1.35;
}
.profile-timer-setup:disabled {
opacity: 0.62;
}
.profile-timer {
margin: 18px 0 14px;
margin: 14px 0;
font-family: Orbitron, sans-serif;
font-size: clamp(2.5rem, 12vw, 5.2rem);
line-height: 1;