fix monitor list jumping to top on route change

This commit is contained in:
henrygd 2021-08-29 15:28:43 -07:00
parent 3ad736692f
commit 2776f942ab
3 changed files with 6 additions and 5 deletions

View file

@ -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;
} }

View file

@ -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>

View file

@ -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>