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);
+ }
+}