From 4060a908aaeda49f7e42064d9a1c3f0086f49ac5 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 26 Apr 2022 20:09:01 +0800
Subject: [PATCH] add short cut for module

---
 src/views/Home.vue | 41 ++++++++++++++++++++++++++++++++++++++---
 1 file changed, 38 insertions(+), 3 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 7d6f00d7..34b0ce31 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -41,8 +41,10 @@
           v-for="(data,index) in chains"
           :key="index"
           v-observe-visibility="(visible) => visibilityChanged(visible, data)"
-          md="3"
           sm="6"
+          md="4"
+          lg="4"
+          xl="3"
         >
           <router-link :to="data.chain_name">
             <b-card
@@ -50,8 +52,38 @@
               class="earnings-card text-left"
             >
               <div>
-                <b-card-title class="mb-1 text-uppercase">
-                  {{ data.chain_name }} <small class="font-small-2">{{ data.sdk_version }}</small>
+                <b-card-title class="mb-1 d-flex justify-content-between">
+                  <span class="text-uppercase">{{ data.chain_name }} <small class="font-small-2">{{ data.sdk_version }}</small></span>
+                  <b-dropdown
+                    class="ml-1"
+                    variant="link"
+                    no-caret
+                    toggle-class="p-0"
+                    right
+                  >
+                    <template #button-content>
+                      <feather-icon
+                        icon="MoreVerticalIcon"
+                        size="18"
+                        class="cursor-pointer"
+                      />
+                    </template>
+                    <b-dropdown-item :to="`/${data.chain_name}/`">
+                      Summary
+                    </b-dropdown-item>
+                    <b-dropdown-item :to="`/${data.chain_name}/staking`">
+                      Staking
+                    </b-dropdown-item>
+                    <b-dropdown-item :to="`/${data.chain_name}/gov`">
+                      Governance
+                    </b-dropdown-item>
+                    <b-dropdown-item :to="`/${data.chain_name}/uptime`">
+                      Uptime
+                    </b-dropdown-item>
+                    <b-dropdown-item :to="`/${data.chain_name}/statesync`">
+                      State Sync
+                    </b-dropdown-item>
+                  </b-dropdown>
                 </b-card-title>
 
                 <div class="d-flex justify-content-between">
@@ -104,6 +136,7 @@
 /* eslint-disable global-require */
 import {
   BLink, BAvatar, BRow, BCol, BCard, BCardText, BCardTitle, BNav, BNavItem, BButton,
+  BDropdown, BDropdownItem,
 } from 'bootstrap-vue'
 import Ripple from 'vue-ripple-directive'
 import VuexyLogo from '@core/layouts/components/Logo.vue'
@@ -122,6 +155,8 @@ export default {
     BCard,
     BCardText,
     BCardTitle,
+    BDropdown,
+    BDropdownItem,
     BNav,
     BNavItem,
     BButton,