diff --git a/src/components/JournalView/JournalTimetablesList.vue b/src/components/JournalView/JournalTimetablesList.vue index d762435..6746c44 100644 --- a/src/components/JournalView/JournalTimetablesList.vue +++ b/src/components/JournalView/JournalTimetablesList.vue @@ -16,6 +16,12 @@ style="cursor: pointer" > #{{ timetable.id }} + + + TWR + SKR + + {{ timetable.trainCategoryCode }} @@ -342,6 +348,7 @@ hr { .general-train { display: flex; + flex-wrap: wrap; align-items: center; gap: 0.25em; } @@ -381,6 +388,13 @@ ul.stock-list { } } +.badges { + display: flex; + gap: 0.25em; + + // badge.scss +} + .stock-history { display: flex; flex-wrap: wrap; @@ -418,6 +432,10 @@ ul.stock-list { text-align: center; } + .general-train { + justify-content: center; + } + .info-route { display: flex; justify-content: center; diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue index 37be2b5..5f9d3c8 100644 --- a/src/components/TrainsView/TrainInfo.vue +++ b/src/components/TrainsView/TrainInfo.vue @@ -6,8 +6,8 @@ #{{ train.timetableData.timetableId }} - TWR - SKR + TWR + SKR @@ -118,7 +118,6 @@ export default defineComponent({ @import '../../styles/responsive.scss'; @import '../../styles/badge.scss'; - .image-warning { height: 1em; @@ -182,26 +181,6 @@ export default defineComponent({ gap: 0.25em; } -.train-badge { - padding: 0.1em 0.2em; - border-radius: 0.2em; - font-weight: bold; - - font-size: 0.9em; - - &.twr { - background-color: var(--clr-twr); - } - - &.skr { - background-color: var(--clr-skr); - } - - &.offline { - background-color: #9c362b; - } -} - .train-driver { &.supporter { color: orange; @@ -218,9 +197,7 @@ export default defineComponent({ .timetable_warnings { display: flex; - gap: 0.2em; - - color: black; + gap: 0.25em; } .timetable_progress { diff --git a/src/locales/en.json b/src/locales/en.json index 4a07119..3cf188f 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -1,7 +1,9 @@ { "general": { "and": " and ", - "refresh": "REFRESH" + "refresh": "REFRESH", + "TWR": "High risk freight train", + "SKR": "Train with exceeded gauge" }, "app": { "sceneries": "SCENERIES", diff --git a/src/locales/pl.json b/src/locales/pl.json index c756ad5..98ca1b9 100644 --- a/src/locales/pl.json +++ b/src/locales/pl.json @@ -1,7 +1,9 @@ { "general": { "and": " oraz ", - "refresh": "ODŚWIEŻ" + "refresh": "ODŚWIEŻ", + "TWR": "Towar niebezpieczny wysokiego ryzyka", + "SKR": "Przekroczona skrajnia" }, "app": { "sceneries": "SCENERIE", diff --git a/src/styles/badge.scss b/src/styles/badge.scss index bc00ce0..45dc2e3 100644 --- a/src/styles/badge.scss +++ b/src/styles/badge.scss @@ -55,3 +55,22 @@ background-color: forestgreen; } } + +.train-badge { + padding: 0.1em 0.2em; + border-radius: 0.2em; + font-weight: bold; + + font-size: 0.9em; + + &.twr { + background-color: var(--clr-twr); + box-shadow: 0 0 5px 1px var(--clr-twr); + color: black; + } + + &.skr { + background-color: var(--clr-skr); + box-shadow: 0 0 5px 1px var(--clr-skr); + } +}