diff --git a/src/panels/Fahrplan/components/ProgressIndicator.tsx b/src/panels/Fahrplan/components/ProgressIndicator.tsx index a136554a259497c538f653069031102d213bc27d..c05dcbfd54c5802bcddffd101c861c0bf5ab215e 100644 --- a/src/panels/Fahrplan/components/ProgressIndicator.tsx +++ b/src/panels/Fahrplan/components/ProgressIndicator.tsx @@ -2,6 +2,8 @@ // import de from 'javascript-time-ago/locale/de' // import {useEffect, useState} from "react"; +import classNames from "../../../util/classNames"; + export default function ProgressIndicator(props: {first?: boolean, id: string, name: string, arrival: Date, delay?: number}) { // const [timeUntil, setTimeUntil] = useState<string>(""); // @@ -40,7 +42,7 @@ export default function ProgressIndicator(props: {first?: boolean, id: string, n {props.name} </div> - <div className={"tabular-nums"}> + <div className={classNames("tabular-nums", props.delay ? "text-red-400" : "text-zinc-300")}> {props.delay ? ( <span className={"text-red-400"}> (+{props.delay})