Merge pull request #1 from ping-pub/v3-single

V3 single

src/modules/[chain]/account/[address].vue

@@ -217,7 +217,7 @@ loadAccount(props.address)
                     </thead>
                     <tbody>
                         <tr v-for="v in delegations">
-                            <td>{{ format.validatorFromBech32(v.delegation.validator_address) }} </td>
+                            <td class="text-caption text-primary"><RouterLink :to="`/${chain}/staking/${v.delegation.validator_address}`">{{ format.validatorFromBech32(v.delegation.validator_address) }}</RouterLink></td>
                             <td>{{ format.formatToken(v.balance, true, "0,0.[00]") }} </td>
                             <td>{{ format.formatTokens(rewards?.rewards?.find(x => x.validator_address ===v.delegation.validator_address)?.reward) }} </td>
                             <td>
@@ -238,7 +238,7 @@ loadAccount(props.address)
                     <tbody>
                         <div v-for="v in unbonding">
                         <tr>
-                            <td>{{ format.validatorFromBech32(v.validator_address) }} </td>
+                            <td class="text-caption text-primary"><RouterLink :to="`/${chain}/staking/${v.validator_address}`">{{ format.validatorFromBech32(v.validator_address) }}</RouterLink></td>
                         </tr>
                         <tr v-for="entry in v.entries">
                             <td>{{ entry.creation_height }}</td>

src/modules/[chain]/block/index.vue

@@ -24,12 +24,12 @@ const format = useFormatter()
                 <VTable>
                     <thead>
                         <tr>
-                            <th>Height</th><th>Hash</th><th>Proposor</th><th>Txs</th><th>Time</th>
+                            <th>Height</th><th>Hash</th><th>Proposer</th><th>Txs</th><th>Time</th>
                         </tr>
                     </thead>
                     <tbody>
                         <tr v-for="item in store.recents">
-                            <td><RouterLink :to="`/${props.chain}/block/${item.block?.header?.height}`">{{ item.block?.header?.height }}</RouterLink></td>
+                            <td class="text-sm text-primary"><RouterLink :to="`/${props.chain}/block/${item.block?.header?.height}`">{{ item.block?.header?.height }}</RouterLink></td>
                             <td>{{ item.block_id?.hash }}</td>
                             <td>{{ format.validator(item.block?.header?.proposer_address) }}</td>
                             <td>{{ item.block?.data?.txs.length }}</td>

src/modules/[chain]/staking/[validator].vue

@@ -225,7 +225,7 @@ onMounted(()=> {
                 <VList class="pt-0">
                     <VListItem>
                         <VListItemTitle>Account</VListItemTitle>
-                        <VListItemSubtitle class="text-caption"><RouterLink :to="`/${chain}/account/${addresses.account}`">{{ addresses.account }}</RouterLink></VListItemSubtitle>
+                        <VListItemSubtitle class="text-caption text-primary"><RouterLink :to="`/${chain}/account/${addresses.account}`">{{ addresses.account }}</RouterLink></VListItemSubtitle>
                     </VListItem>
                     <VListItem>
                         <VListItemTitle>Operator Address</VListItemTitle>
@@ -254,7 +254,7 @@ onMounted(()=> {
             </thead>
             <tbody>
                 <tr v-for="(item, i) in txs.tx_responses">
-                    <td>{{ item.height }}</td>
+                    <td class="text-sm text-primary"><RouterLink :to="`/${props.chain}/block/${item.height}`">{{ item.height }}</RouterLink></td>
                     <td class="text-truncate" style="max-width: 200px;">{{ item.txhash }}</td>
                     <td>{{ format.messages(item.tx.body.messages) }}</td>
                     <td width="150">{{ format.toDay(item.timestamp,'from') }}</td>

src/modules/[chain]/staking/index.vue

@@ -184,7 +184,7 @@ const rank = function(position: number) {
                   :image="logo(v.description?.identity)"
                 />
                 <div class="d-flex flex-column">
-                  <h6 class="text-sm">
+                  <h6 class="text-sm text-primary">
                     <RouterLink
                       :to="{name: 'chain-staking-validator', params: {validator: v.operator_address}}"
                       class="font-weight-medium user-list-name"

tailwind.config.js

@@ -11,6 +11,7 @@ module.exports = {
         no: '#ff5353',
         info: '#00b2ff',
         textMain: '#333',
+        primary: '#666cff',
       },
     },
   },