Fixed invisible heartbeat bar after page switch

4 years ago · 77369bd002
1 changed files with 1 additions and 5 deletions
--- a/src/pages/Dashboard.vue
+++ b/src/pages/Dashboard.vue
@ -19,7 +19,7 @@
                                    {{ item.name }}
                                </div>
                            </div>
-                            <div class="col-6 col-md-4" v-bind:class="{ 'hideHeartbeatBar': $root.userHeartbeatBar == 'bottom' || $root.userHeartbeatBar == 'none' }">
+                            <div class="col-6 col-md-4" v-show="$root.userHeartbeatBar == 'normal'" :key="$root.userHeartbeatBar">
                                <HeartbeatBar size="small" :monitor-id="item.id" />
                            </div>
                        </div>
@ -153,10 +153,6 @@ export default {
    }
 }

-.hideHeartbeatBar {
-    display: none;
-}
-
 .monitorItem {
    width: 100%;
 }