+
{{ $t("app.loading") }}
diff --git a/src/components/TrainsView/TrainTable.vue b/src/components/TrainsView/TrainTable.vue
index 359ed44..3f8d2d3 100644
--- a/src/components/TrainsView/TrainTable.vue
+++ b/src/components/TrainsView/TrainTable.vue
@@ -45,19 +45,22 @@
-
- TWR
-
+
+
+
+ TWR
+
+
+ SKR
+
+
-
- SKR
-
-
-
- {{ train.timetableData.category }}
- {{ train.trainNo }} |
-
- {{ train.timetableData.routeDistance }} km
+
+ {{ train.timetableData.category }}
+ {{ train.trainNo }} |
+
+ {{ train.timetableData.routeDistance }} km
+
@@ -423,6 +426,10 @@ img.train-image {
.info {
.timetable {
+ &_hero {
+ display: flex;
+ }
+
&_general {
display: flex;
justify-content: space-between;
@@ -441,6 +448,8 @@ img.train-image {
display: flex;
align-items: center;
+ font-weight: bold;
+
margin: 5px 0;
font-size: 1.1em;
@@ -450,6 +459,26 @@ img.train-image {
margin-bottom: 10px;
font-size: 0.7em;
}
+
+ &_warnings {
+ display: flex;
+ color: black;
+
+ .warning {
+ padding: 0.1em 0.65em;
+ margin-right: 0.35em;
+
+ font-weight: bold;
+
+ &.twr {
+ background: var(--clr-twr);
+ }
+
+ &.skr {
+ background: var(--clr-skr);
+ }
+ }
+ }
}
}
@@ -537,25 +566,6 @@ img.train-image {
}
}
-.warning {
- padding: 0.1em 0.8em;
- margin-right: 0.5em;
-
- display: flex;
- align-items: center;
- color: black;
-
- font-weight: bold;
-
- &.twr {
- background: var(--clr-twr);
- }
-
- &.skr {
- background: var(--clr-skr);
- }
-}
-
@include smallScreen() {
.info-bottom {
text-align: center;
diff --git a/src/i18n.ts b/src/i18n.ts
deleted file mode 100644
index acdde92..0000000
--- a/src/i18n.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { createI18n, LocaleMessages, VueMessageType } from 'vue-i18n'
-
-/**
- * Load locale messages
- *
- * The loaded `JSON` locale messages is pre-compiled by `@intlify/vue-i18n-loader`, which is integrated into `vue-cli-plugin-i18n`.
- * See: https://github.com/intlify/vue-i18n-loader#rocket-i18n-resource-pre-compilation
- */
-function loadLocaleMessages(): LocaleMessages {
- const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i)
- const messages: LocaleMessages = {}
- locales.keys().forEach(key => {
- const matched = key.match(/([A-Za-z0-9-_]+)\./i)
- if (matched && matched.length > 1) {
- const locale = matched[1]
- messages[locale] = locales(key)
- }
- })
- return messages
-}
-
-export default createI18n({
- legacy: false,
- locale: process.env.VUE_APP_I18N_LOCALE || 'en',
- fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
- messages: loadLocaleMessages()
-})
diff --git a/src/locales/en.json b/src/locales/en.json
index c6e251b..ff2a52d 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -113,8 +113,8 @@
"cars": "Car count",
"EZT": "EMU",
"SZT": "DMU",
- "loco-electric": "ELECTRIC LOCO",
- "loco-diesel": "DIESEL LOCO"
+ "loco-electric": "Electric loco",
+ "loco-diesel": "Diesel loco"
},
"journal": {
"title": "SCENERY ACTIVITY JOURNAL",
diff --git a/src/router/index.ts b/src/router/index.ts
index 126ff18..516e050 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,4 +1,4 @@
-import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'
+import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
import StationsView from "@/views/StationsView.vue";
@@ -24,7 +24,7 @@ const routes: Array = [
]
const router = createRouter({
- history: createWebHashHistory(),
+ history: createWebHistory(),
routes,
})
diff --git a/src/views/SceneryView.vue b/src/views/SceneryView.vue
index 3892f43..cd0983a 100644
--- a/src/views/SceneryView.vue
+++ b/src/views/SceneryView.vue
@@ -11,14 +11,8 @@
-