From d9faa486d2bb23c03a80a6b2d262545b9771be9b Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Thu, 12 Feb 2026 03:32:01 +0100
Subject: [PATCH] chore(app): improved scrolling into view for main tabs

---
 src/router/index.ts             | 5 +++--
 src/views/DriverView.vue        | 2 +-
 src/views/PlayerProfileView.vue | 8 +++-----
 src/views/SceneryView.vue       | 8 ++++----
 4 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/router/index.ts b/src/router/index.ts
index 1555974..c84e33e 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -74,13 +74,14 @@ const routes: Array<RouteRecordRaw> = [
 
 const router = createRouter({
   scrollBehavior(to, from, savedPosition) {
+    console.log(to.name);
     if (
-      (to.name == 'SceneryView' || to.name == 'DriverView') &&
+      (to.name == 'SceneryView' || to.name == 'DriverView' || to.name == 'PlayerProfileView') &&
       from.name !== to.name &&
       from.query['view'] === undefined &&
       !savedPosition
     )
-      return { el: `.app_main`, behavior: 'instant', top: -13 };
+      return { el: `.app_main`, behavior: 'smooth', top: 0 };
 
     if (savedPosition) return savedPosition;
   },
diff --git a/src/views/DriverView.vue b/src/views/DriverView.vue
index 5739d8f..80bf7e9 100644
--- a/src/views/DriverView.vue
+++ b/src/views/DriverView.vue
@@ -47,6 +47,6 @@ const chosenTrain = computed(() =>
   margin: 0 auto;
   padding: 1em 0;
   max-width: var(--max-container-width);
-  min-height: calc(100vh - 7em);
+  min-height: 100vh;
 }
 </style>
diff --git a/src/views/PlayerProfileView.vue b/src/views/PlayerProfileView.vue
index 261a0cc..4fe80ff 100644
--- a/src/views/PlayerProfileView.vue
+++ b/src/views/PlayerProfileView.vue
@@ -488,7 +488,7 @@ async function fetchPlayerJournal(playerId: string) {
     const response = await apiStore.client.get<API.PlayerJournal.Data>('api/getPlayerJournal', {
       params: {
         playerId: playerId,
-        countLimit: 30
+        dateScope: '14d'
       }
     });
 
@@ -545,6 +545,8 @@ $tileColor: #181818;
 .profile-view {
   display: flex;
   justify-content: center;
+  height: 100vh;
+  min-height: 500px;
 }
 
 .no-data-found {
@@ -573,8 +575,6 @@ $tileColor: #181818;
 
   max-width: var(--max-container-width);
   width: 100%;
-  // height: calc(100vh - 0.5em);
-  min-height: 900px;
 
   padding: 1rem 0;
   text-align: center;
@@ -582,8 +582,6 @@ $tileColor: #181818;
 
 .view-container > div {
   position: relative;
-
-  // border-radius: 0.5em;
 }
 
 .profile-sidebar {
diff --git a/src/views/SceneryView.vue b/src/views/SceneryView.vue
index c4cef30..1527176 100644
--- a/src/views/SceneryView.vue
+++ b/src/views/SceneryView.vue
@@ -135,6 +135,10 @@ function setViewMode(componentName: string) {
   &-view {
     display: flex;
     justify-content: center;
+    
+    height: 100vh;
+    min-height: 500px;
+    max-height: 2000px;
   }
 
   &-offline {
@@ -181,10 +185,6 @@ function setViewMode(componentName: string) {
   background-color: #181818;
   border-radius: 0.5em;
   padding: 1em 0.5em;
-
-  height: calc(100vh - 0.5em);
-  min-height: 500px;
-  max-height: 2000px;
 }
 
 .scenery-left {