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

style: align delay to clock

Browse Source
This commit is contained in:
Carlos Valente
2024-01-08 22:48:25 +01:00
parent 1f3133d4f3
commit 3fb862628c
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/operator/operator-event/OperatorEvent.module.scss
+3 -1
View File
@@ -81,10 +81,12 @@
justify-self: end; justify-self: end;
} }
.running { .runningTime {
@include clock-size; @include clock-size;
grid-area: running; grid-area: running;
justify-self: end; justify-self: end;
display: flex;
gap: 0.5em;
} }
.fields { .fields {
apps/client/src/features/operator/operator-event/OperatorEvent.tsx
+1 -1
View File
@@ -86,7 +86,7 @@ function OperatorEvent(props: OperatorEventProps) {
</span> </span>
<span className={style.secondaryField}>{secondary}</span> <span className={style.secondaryField}>{secondary}</span>
<span className={style.running}> <span className={style.runningTime}>
<DelayIndicator delayValue={delay} /> <DelayIndicator delayValue={delay} />
{isSelected ? <RollingTime /> : formatTime(duration, { showSeconds: true, format: 'hh:mm:ss' })} {isSelected ? <RollingTime /> : formatTime(duration, { showSeconds: true, format: 'hh:mm:ss' })}
</span> </span>