Merge branch 'v3-single' of https://github.com/alisaweb3/explorer into v3-single

src/modules/[chain]/cosmwasm/[code_id]/contracts.vue

@@ -94,12 +94,14 @@ const result = ref('');
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title truncate w-full">Contract List of Code: {{ props.code_id }}</h2>
+      <h2 class="card-title truncate w-full">
+        Contract List of Code: {{ props.code_id }}
+      </h2>
       <div class="overflow-x-auto">
-        <table class="table  w-full mt-4">
+        <table class="table w-full mt-4">
           <thead>
             <tr>
-              <th style="position: relative;">Contract List</th>
+              <th style="position: relative">Contract List</th>
               <th>Actions</th>
             </tr>
           </thead>
@@ -110,22 +112,28 @@ const result = ref('');
                 <button
                   class="btn btn-primary btn-sm text-xs mr-2"
                   @click="showInfo(v)"
-                  >contract</button>
+                >
+                  contract
+                </button>
                 <button
                   class="btn btn-primary btn-sm text-xs mr-2"
                   @click="showState(v)"
-                >States</button>
+                >
+                  States
+                </button>
                 <button
                   class="btn btn-primary btn-sm text-xs"
                   @click="showQuery(v)"
-                >Query</button>
+                >
+                  Query
+                </button>
               </td>
             </tr>
           </tbody>
         </table>
       </div>
     </div>
-   
+
     <v-dialog v-model="infoDialog" width="auto">
       <v-card>
         <VCardTitle>Contract Detail</VCardTitle>
@@ -160,7 +168,7 @@ const result = ref('');
         </v-card-actions>
       </v-card>
     </v-dialog>
-    
+
     <v-dialog v-model="queryDialog" width="auto">
       <v-card>
         <VCardTitle>Query Contract</VCardTitle>

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

@@ -20,7 +20,7 @@ wasmStore.wasmClient.getWasmCodeList().then((x) => {
       <table class="table w-full mt-4 text-sm">
         <thead>
           <tr>
-            <th style="position: relative;">Code Id</th>
+            <th style="position: relative">Code Id</th>
             <th>Code Hash</th>
             <th>Creator</th>
             <th>Permissions</th>

src/modules/[chain]/ibc/[connection_id].vue

@@ -136,16 +136,16 @@ function color(v: string) {
             <td>{{ v.version }}</td>
             <td>{{ v.ordering }}</td>
             <td>
-              <div 
+              <div
-                  class="text-xs truncate relative py-2 px-4 rounded-full w-fit"
+                class="text-xs truncate relative py-2 px-4 rounded-full w-fit"
-                  :class="`text-${color(v.state)}`"
+                :class="`text-${color(v.state)}`"
-                >
+              >
-                  <span 
+                <span
-                    class="inset-x-0 inset-y-0 opacity-10 absolute"
+                  class="inset-x-0 inset-y-0 opacity-10 absolute"
-                    :class="`bg-${color(v.state)}`"
+                  :class="`bg-${color(v.state)}`"
-                  ></span>
+                ></span>
-                  {{ v.state }}
+                {{ v.state }}
-                </div>
+              </div>
             </td>
           </tr>
         </tbody>

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

@@ -48,11 +48,11 @@ function color(v: string) {
               </td>
               <td>{{ v.delay_period }}</td>
               <td>
-                <div 
+                <div
                   class="text-xs truncate relative py-2 px-4 rounded-full w-fit"
                   :class="`text-${color(v.state)}`"
                 >
-                  <span 
+                  <span
                     class="inset-x-0 inset-y-0 opacity-10 absolute"
                     :class="`bg-${color(v.state)}`"
                   ></span>

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

@@ -39,9 +39,7 @@ onMounted(() => {
 <template>
   <div>
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title truncate mb-2">
+      <h2 class="card-title truncate mb-2">What's State Sync?</h2>
-        What's State Sync?
-      </h2>
       <div class="text-sm">
         The Tendermint Core 0.34 release includes support for state sync, which
         allows a new node to join a network by fetching a snapshot of the
@@ -58,14 +56,17 @@ onMounted(() => {
     </div>
 
     <div class="bg-base-100 px-4 pt-3 pb-4 rounded mb-4 shadow">
-      <h2 class="card-title truncate mb-2">Starting New Node From State Sync</h2>
+      <h2 class="card-title truncate mb-2">
+        Starting New Node From State Sync
+      </h2>
       <div class="text-sm">
         1. Install Binary ({{ appName }} Version:
         {{ nodeInfo.application_version?.version || '' }})
         <br />
         We need to install the binary first and make sure that the version is
         the one currently in use on mainnet.
-        <br /> <br />
+        <br />
+        <br />
         2. Enable State Sync<br />
         We can configure Tendermint to use state sync in
         $DAEMON_HOME/config/config.toml.
@@ -86,7 +87,7 @@ onMounted(() => {
       <div class="text-sm">
         To make state sync works, we can enable snapshot in
         $DAEMON_HOME/config/app.toml
-        <br/><br/>
+        <br /><br />
         <VTextarea
           auto-grow
           model-value="[state-sync]