diff options
Diffstat (limited to 'src/frontend/app/components')
| -rw-r--r-- | src/frontend/app/components/arrivals/ArrivalCard.tsx | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/src/frontend/app/components/arrivals/ArrivalCard.tsx b/src/frontend/app/components/arrivals/ArrivalCard.tsx index 51e0803..3aae65e 100644 --- a/src/frontend/app/components/arrivals/ArrivalCard.tsx +++ b/src/frontend/app/components/arrivals/ArrivalCard.tsx @@ -34,7 +34,7 @@ const AutoMarquee = ({ text }: { text: string }) => { if (!el) return; const checkScroll = () => { - const charWidth = 8; + const charWidth = 12; const availableWidth = el.offsetWidth; const textWidth = text.length * charWidth; setShouldScroll(textWidth > availableWidth); @@ -252,10 +252,22 @@ export const ArrivalCard: React.FC<ArrivalCardProps> = ({ {operator && ( <span className="text-xs font-mono text-slate-700 dark:text-slate-200 font-medium shrink-0"> {operator} + {headsign.destination || headsign.origin ? ( + <> · </> + ) : ( + "" + )} + </span> + )} + {headsign.origin && ( + <span className="text-xs font-mono text-slate-500 dark:text-slate-400 shrink-0"> + Proc: {headsign.origin}{" "} {headsign.marquee && <> · </>} </span> )} - {headsign.marquee && <AutoMarquee text={headsign.marquee} />} + {headsign.marquee && ( + <AutoMarquee text={"Via: " + headsign.marquee} /> + )} </div> </div> </div> |