fix monitor list jumping to top on route change

pull/280/head
henrygd 3 years ago
parent 3ad736692f
commit 2776f942ab

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

@ -40,8 +40,7 @@
</header> </header>
<main> <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" /> <Login v-if="! $root.loggedIn && $root.allowLoginDialog" />
</main> </main>

@ -9,7 +9,8 @@
</div> </div>
<div class="col-12 col-md-7 col-xl-8 mb-3"> <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> </div>
</div> </div>

Loading…
Cancel
Save