From 523b9529570ade1e0b83102aa715b7455ff83261 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Fri, 6 Aug 2021 09:03:13 +0800
Subject: [PATCH] Update configs/update UI

---
 .../VerticalNavMenuGroup.vue                  |  2 +-
 src/layouts/components/Navbar.vue             |  1 +
 src/store/chains/akash.json                   |  2 +-
 src/store/chains/cosmos.json                  |  2 +-
 src/store/chains/crypto.json                  |  2 +-
 src/store/chains/kava.json                    |  2 +-
 src/views/Home.vue                            | 66 ++++++++-----------
 7 files changed, 32 insertions(+), 45 deletions(-)

diff --git a/src/@core/layouts/layout-vertical/components/vertical-nav-menu/components/vertical-nav-menu-group/VerticalNavMenuGroup.vue b/src/@core/layouts/layout-vertical/components/vertical-nav-menu/components/vertical-nav-menu-group/VerticalNavMenuGroup.vue
index 256713b1..65c1900e 100644
--- a/src/@core/layouts/layout-vertical/components/vertical-nav-menu/components/vertical-nav-menu-group/VerticalNavMenuGroup.vue
+++ b/src/@core/layouts/layout-vertical/components/vertical-nav-menu/components/vertical-nav-menu-group/VerticalNavMenuGroup.vue
@@ -13,7 +13,7 @@
       @click="() => updateGroupOpen(!isOpen)"
     >
       <b-avatar
-        variant="info"
+        variant="transparent"
         :src="item.icon"
         icon="people-fill"
         size="sm"
diff --git a/src/layouts/components/Navbar.vue b/src/layouts/components/Navbar.vue
index 265414c5..46f2bb7e 100644
--- a/src/layouts/components/Navbar.vue
+++ b/src/layouts/components/Navbar.vue
@@ -24,6 +24,7 @@
       >
         <b-media-aside class="mr-75">
           <b-avatar
+            variant="transparent"
             badge
             rounded
             size="42"
diff --git a/src/store/chains/akash.json b/src/store/chains/akash.json
index 00612f22..c53ccc18 100644
--- a/src/store/chains/akash.json
+++ b/src/store/chains/akash.json
@@ -2,5 +2,5 @@
     "chain_name": "akash",
     "chain_id": "akashnet-1",
     "api": "https://lcd-akash.keplr.app",
-    "logo": "https://look.ping.pub/static/chains/cosmoshub.svg"
+    "logo": "https://dl.airtable.com/.attachments/52586702dd8352d97834fce5c2d83614/969b4d53/akash-network.png"
 }
\ No newline at end of file
diff --git a/src/store/chains/cosmos.json b/src/store/chains/cosmos.json
index 7c8a135d..c39e76fa 100644
--- a/src/store/chains/cosmos.json
+++ b/src/store/chains/cosmos.json
@@ -1,5 +1,5 @@
 {
     "chain_name": "cosmos",
     "api":"https://lcd-cosmoshub.keplr.app",
-    "logo": "https://look.ping.pub/static/chains/cosmoshub.svg"
+    "logo": "https://dl.airtable.com/.attachments/e54f814bba8c0f9af8a3056020210de0/2d1155fb/cosmos-hub.svg"
 }
\ No newline at end of file
diff --git a/src/store/chains/crypto.json b/src/store/chains/crypto.json
index e3a38e88..899c4fa1 100644
--- a/src/store/chains/crypto.json
+++ b/src/store/chains/crypto.json
@@ -3,5 +3,5 @@
     "chain_name": "crypto",
     "chain_id": "akashnet-1",
     "api": "https://mainnet.crypto.org:1317",
-    "logo": "https://look.ping.pub/static/chains/cosmoshub.svg"
+    "logo": "https://dl.airtable.com/.attachments/b2e638424ea09dccd4f11b04dc53872a/844d11dc/LOGO.png"
 }
\ No newline at end of file
diff --git a/src/store/chains/kava.json b/src/store/chains/kava.json
index dd62a1e0..65a849c2 100644
--- a/src/store/chains/kava.json
+++ b/src/store/chains/kava.json
@@ -2,5 +2,5 @@
     "chain_name": "kava",
     "chain_id": "kava-7",
     "api": "https://kava4.data.kava.io",
-    "logo": "https://look.ping.pub/static/chains/cosmoshub.svg"
+    "logo": "https://dl.airtable.com/.attachments/f25737491bd0034240093a7b4e039b15/afec77ff/logo.png"
 }
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 5e326341..17caf525 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -28,47 +28,33 @@
           <router-link :to="data.chain_name">
             <b-card
               v-if="data"
-              no-body
-              hover
+              class="earnings-card text-left"
             >
-              <b-card-header>
-                <h4 class="mb-0 text-uppercase">
-                  {{ data.chain_name }}
-                </h4>
-                <b-card-text class="mb-0">
-                  Updated on {{ data.time }}
-                </b-card-text>
-              </b-card-header>
-
-              <b-img
-                :src="data.logo"
-                height="145"
-                class="mb-2"
-              />
-              <b-row class="text-center mx-0">
-                <b-col
-                  cols="6"
-                  class="border-top border-right d-flex align-items-between flex-column py-1"
-                >
-                  <b-card-text class="text-muted mb-0">
-                    SDK Version
-                  </b-card-text>
-                  <h3 class="font-weight-bolder mb-0">
-                    {{ data.sdk_version }}
-                  </h3>
-                </b-col>
-
-                <b-col
-                  cols="6"
-                  class="border-top d-flex align-items-between flex-column py-1"
-                >
-                  <b-card-text class="text-muted mb-0">
+              <b-row>
+                <b-col cols="8">
+                  <b-card-title class="mb-1">
+                    {{ data.chain_name }} <small class="font-small-2">{{ data.sdk_version }}</small>
+                  </b-card-title>
+                  <div class="font-small-2">
                     Height
+                  </div>
+                  <h5 class="mb-1">
+                    {{ data.height || '0' }}
+                  </h5>
+                  <b-card-text class="text-muted font-small-2">
+                    <span> Update on </span><span class="font-weight-bolder">{{ data.time || '...' }}</span>
                   </b-card-text>
-                  <h3 class="font-weight-bolder mb-0">
-                    {{ data.height }}
-                  </h3>
                 </b-col>
+                <b-col
+                  cols="4"
+                >
+                  <b-avatar
+                    :src="data.logo"
+                    class="mt-1"
+                    variant="light-primary"
+                    rounded
+                    size="82"
+                  /></b-col>
               </b-row>
             </b-card>
           </router-link>
@@ -94,7 +80,7 @@
 <script>
 /* eslint-disable global-require */
 import {
-  BLink, BImg, BRow, BCol, BCard, BCardText, BCardHeader,
+  BLink, BAvatar, BRow, BCol, BCard, BCardText, BCardTitle,
 } from 'bootstrap-vue'
 import VuexyLogo from '@core/layouts/components/Logo.vue'
 import store from '@/store/index'
@@ -103,12 +89,12 @@ import { toDay } from '@/libs/data'
 export default {
   components: {
     BLink,
-    BImg,
+    BAvatar,
     BRow,
     BCol,
     BCard,
     BCardText,
-    BCardHeader,
+    BCardTitle,
     VuexyLogo,
   },
   data() {