Improvme ui

src/views/Blocks.vue

@@ -19,7 +19,7 @@
       >
         <!-- Column: Height -->
         <template #cell(height)="data">
-          <router-link :to="`./block/${data.item.block.header.height}`">
+          <router-link :to="`./blocks/${data.item.block.header.height}`">
             #{{ data.item.block.header.height }}
           </router-link>
         </template>

src/views/Home.vue

@@ -14,7 +14,7 @@
     </h2>
 
     <p class="mb-3">
-      If you want add your chain to our explorer, be free to contact us.
+      If you want to add your chain to our explorer, be free to contact us.
     </p>
 
     <div>

src/views/ObjectFieldComponent.vue

@@ -2,7 +2,7 @@
   <b-table-simple
     v-if="typeof tablefield === 'object'"
     hover
-    small
+    :small="small"
     striped
     responsive
   >
@@ -24,6 +24,7 @@
       <b-td
         v-else-if="typeof (value) ==='object'"
         hover
+        class="overflow-hidden"
       >
         <b-tabs>
           <b-tab
@@ -45,7 +46,7 @@
         </b-tabs>
       </b-td>
       <b-td v-else>
-        {{ formatText(value) }}
+        {{ value }}
       </b-td>
     </b-tr>
   </b-table-simple>
@@ -73,6 +74,10 @@ export default {
       type: [Array, Object],
       default: () => {},
     },
+    small: {
+      type: Boolean,
+      default: true,
+    },
   },
   methods: {
     formatObject(value) {

src/views/ProposalView.vue

@@ -76,7 +76,10 @@
             </b-td><b-td>{{ proposal.type }}</b-td>
           </b-tr>
         </b-table-simple>
-        <object-field-component :tablefield="proposal.contents" />
+        <object-field-component
+          :tablefield="proposal.contents"
+          :small="false"
+        />
       </b-card-body>
       <b-card-footer>
         <router-link :to="`../gov`">

src/views/Staking.vue

@@ -25,7 +25,7 @@
         sort-by="tokens"
         striped
         hover
-        responsive="sm"
+        responsive
       >
         <!-- A virtual column -->
         <template #cell(index)="data">

src/views/error/ChainNotExist.vue

@@ -0,0 +1,73 @@
+<template>
+  <!-- Error page-->
+  <div class="misc-wrapper">
+    <b-link class="brand-logo">
+      <vuexy-logo />
+      <h2 class="brand-text text-primary ml-1">
+        PING.PUB
+      </h2>
+    </b-link>
+
+    <div class="misc-inner p-2 p-sm-3">
+      <div class="w-100 text-center">
+        <h2 class="mb-1">
+          Sorry, The chain is not found
+        </h2>
+        <p class="mb-2">
+          Be free to contact us if you want to add your chain.
+        </p>
+
+        <b-button
+          variant="primary"
+          class="mb-2 btn-sm-block"
+          :to="{path:'/'}"
+        >
+          Back to home
+        </b-button>
+
+        <!-- image -->
+        <b-img
+          fluid
+          :src="imgUrl"
+          alt="Error page"
+        />
+      </div>
+    </div>
+  </div>
+<!-- / Error page-->
+</template>
+
+<script>
+/* eslint-disable global-require */
+import { BLink, BButton, BImg } from 'bootstrap-vue'
+import VuexyLogo from '@core/layouts/components/Logo.vue'
+import store from '@/store/index'
+
+export default {
+  components: {
+    VuexyLogo,
+    BLink,
+    BButton,
+    BImg,
+  },
+  data() {
+    return {
+      downImg: require('@/assets/images/pages/error.svg'),
+    }
+  },
+  computed: {
+    imgUrl() {
+      if (store.state.appConfig.layout.skin === 'dark') {
+        // eslint-disable-next-line vue/no-side-effects-in-computed-properties
+        this.downImg = require('@/assets/images/pages/error-dark.svg')
+        return this.downImg
+      }
+      return this.downImg
+    },
+  },
+}
+</script>
+
+<style lang="scss">
+@import '@core/scss/vue/pages/page-misc.scss';
+</style>

src/views/error/Error404.vue

@@ -4,7 +4,7 @@
     <b-link class="brand-logo">
       <vuexy-logo />
       <h2 class="brand-text text-primary ml-1">
-        Vuexy
+        PING.PUB
       </h2>
     </b-link>