fix monitor list jumping to top on route change

src/components/MonitorList.vue

@@ -89,8 +89,9 @@ export default {
 
 .list {
     &.scrollbar {
-        height: calc(100vh - 20px);
+        min-height: calc(100vh - 240px);
-        overflow-y: scroll;
+        max-height: calc(100vh - 20px);
+        overflow-y: auto;
         position: sticky;
         top: 10px;
     }

src/layouts/Layout.vue

@@ -40,8 +40,7 @@
         </header>
 
         <main>
-            <!-- Add :key to disable vue router re-use the same component -->
+            <router-view v-if="$root.loggedIn" />
-            <router-view v-if="$root.loggedIn" :key="$route.fullPath" />
             <Login v-if="! $root.loggedIn && $root.allowLoginDialog" />
         </main>
 

src/pages/Dashboard.vue

@@ -9,7 +9,8 @@
             </div>
 
             <div class="col-12 col-md-7 col-xl-8 mb-3">
-                <router-view />
+                <!-- Add :key to disable vue router re-use the same component -->
+                <router-view :key="$route.fullPath" />
             </div>
         </div>
     </div>