Update configs/update UI

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"

src/layouts/components/Navbar.vue

@@ -24,6 +24,7 @@
       >
         <b-media-aside class="mr-75">
           <b-avatar
+            variant="transparent"
             badge
             rounded
             size="42"

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"
 }

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"
 }

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"
 }

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"
 }

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() {