feat: contracts

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,15 +112,21 @@ 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>

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

@@ -137,15 +137,15 @@ function color(v: string) {
             <td>{{ v.ordering }}</td>
             <td>
               <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>