cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-09-10 08:39:34 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

style: add label to auxiliary timer

Browse Source
This commit is contained in:
Carlos Valente
2024-06-02 21:42:12 +02:00
committed by Carlos Valente
parent c4359af2a0
commit 73e4a15718
2 changed files with 38 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/control/playback/aux-timer/AuxTimer.module.scss
+9 -2
View File
@@ -1,5 +1,12 @@
.extraRow { .label {
display: block;
margin-top: 2rem;
font-size: $inner-section-text-size;
color: $label-gray;
}
.controls {
margin-top: 0.25rem;
display: flex; display: flex;
gap: 0.5rem; gap: 0.5rem;
margin-top: 2rem;
} }
apps/client/src/features/control/playback/aux-timer/AuxTimer.tsx
+4 -1
View File
@@ -29,7 +29,9 @@ export function AuxTimer() {
}; };
return ( return (
<div className={style.extraRow}> <label className={style.label}>
Auxiliary Timer
<div className={style.controls}>
<AuxTimerInput /> <AuxTimerInput />
<TapButton onClick={toggleDirection} aspect='tight'> <TapButton onClick={toggleDirection} aspect='tight'>
{direction === SimpleDirection.CountDown && <IoArrowDown data-testid='aux-timer-direction' />} {direction === SimpleDirection.CountDown && <IoArrowDown data-testid='aux-timer-direction' />}
@@ -56,6 +58,7 @@ export function AuxTimer() {
<IoStop data-testid='aux-timer-stop' /> <IoStop data-testid='aux-timer-stop' />
</TapButton> </TapButton>
</div> </div>
</label>
); );
} }