diff --git a/src/assets/icon-pragotron.svg b/src/assets/icon-pragotron.svg new file mode 100644 index 0000000..a592ce2 --- /dev/null +++ b/src/assets/icon-pragotron.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/icon-tablice.ico b/src/assets/icon-tablice.ico new file mode 100644 index 0000000..f749c9b Binary files /dev/null and b/src/assets/icon-tablice.ico differ diff --git a/src/components/SceneryView/SceneryTimetable.vue b/src/components/SceneryView/SceneryTimetable.vue index 7717f47..ecebc6f 100644 --- a/src/components/SceneryView/SceneryTimetable.vue +++ b/src/components/SceneryView/SceneryTimetable.vue @@ -10,6 +10,23 @@ {{ station.onlineInfo?.scheduledTrains?.filter((train) => train.stopInfo.confirmed).length || '0' }} + + + icon-pragotron + + + + icon-tablice + +
@@ -168,7 +185,6 @@ import { useStore } from '../../store/store'; import imageMixin from '../../mixins/imageMixin'; import modalTrainMixin from '../../mixins/modalTrainMixin'; import ScheduledTrainStatus from './ScheduledTrainStatus.vue'; -import ScheduledTrain from '../../scripts/interfaces/ScheduledTrain'; export default defineComponent({ name: 'SceneryTimetable', @@ -285,6 +301,7 @@ export default defineComponent({ align-items: center; justify-content: center; flex-direction: column; + margin-top: 0.5em; position: sticky; top: 0; @@ -292,6 +309,11 @@ export default defineComponent({ background-color: #181818; + img { + width: 30px; + vertical-align: middle; + } + h3 { display: flex; align-items: center; @@ -299,6 +321,12 @@ export default defineComponent({ } } +.header_links { + display: flex; + gap: 0.5em; + margin-left: 0.5em; +} + .timetable { &-count { margin-left: 0.5em;