diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue index 5a71098..0ae2a3c 100644 --- a/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue +++ b/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue @@ -43,8 +43,12 @@ {{ route.routeName }} - {{ route.routeSpeed }} - | {{ route.routeSpeedExit }} + + {{ route.routeSpeed }} + + | {{ route.routeSpeedExit }} + + {{ (route.routeLength / 1000).toFixed(1) + 'km' }} @@ -156,7 +160,7 @@ ul.routes-list { -moz-user-select: none; -webkit-user-select: none; - span { + & > span { padding: 0.2em; background-color: #007599; font-weight: bold; diff --git a/src/components/TrainsView/TrainSchedule.vue b/src/components/TrainsView/TrainSchedule.vue index d7b7cdf..c447ef4 100644 --- a/src/components/TrainsView/TrainSchedule.vue +++ b/src/components/TrainsView/TrainSchedule.vue @@ -68,7 +68,8 @@ | {{ - stop.departureLineInfo.routeSpeedExit + stop.departureLineInfo.routeSpeedExit && + stop.departureLineInfo.routeSpeedExit != stop.departureLineInfo.routeSpeed ? `${stop.departureLineInfo.routeSpeedExit} (${stop.departureLineInfo.routeSpeed})` : stop.departureLineInfo.routeSpeed }} {{ stop.nextPointRef.arrivalLine }} - | {{ stop.nextPointRef.arrivalLineInfo!.routeSpeed }} - ({{ stop.nextPointRef.arrivalLineInfo!.routeSpeedExit }}) | {{ stop.nextPointRef.arrivalLineInfo.routeSpeed }} + + ({{ stop.nextPointRef.arrivalLineInfo.routeSpeedExit }}) +