chore: viewport & routing fixes

src/components/StationsView/StationTable.vue

@@ -407,7 +407,7 @@ export default defineComponent({
 $rowCol: #424242;
 
 .station_table {
-  height: 90vh;
+  height: calc(100vh - 10em);
   max-height: 2000px;
   min-height: 700px;
   overflow: auto;

src/components/TrainsView/TrainTable.vue

@@ -82,6 +82,9 @@ export default defineComponent({
 @import '../../styles/animations.scss';
 
 .train-table {
+  height: calc(100vh - 8em);
+  min-height: 550px;
+
   position: relative;
   overflow-y: auto;
   overflow-x: hidden;

src/router/index.ts

@@ -69,7 +69,8 @@ const router = createRouter({
     if (
       (to.name == 'SceneryView' || to.name == 'DriverView') &&
       from.name !== to.name &&
-      from.query['view'] === undefined
+      from.query['view'] === undefined &&
+      !savedPosition
     )
       return { el: `.app_main`, top: -15 };
 
@@ -79,10 +80,4 @@ const router = createRouter({
   routes
 });
 
-router.beforeEach((to, from, next) => {
-  next((vm) => {
-    (vm as any)['xd'] = 'xd';
-  });
-});
-
 export default router;

src/styles/JournalSection.scss

@@ -11,7 +11,7 @@
 
 .list_wrapper {
   overflow-y: auto;
-  height: 90vh;
+  height: calc(100vh - 10em);
   min-height: 650px;
   margin-top: 0.5em;
   position: relative;

src/views/SceneryView.vue

@@ -234,7 +234,7 @@ button.back-btn {
   padding: 1em 0.5em;
 
   height: calc(100vh - 0.5em);
-  min-height: 800px;
+  min-height: 500px;
   max-height: 2000px;
 }