From 8ae0e8892551b4a956b43629e8eb9ddcc736cf35 Mon Sep 17 00:00:00 2001
From: "Alisa | Side.one" <alisa@side.one>
Date: Mon, 15 May 2023 09:17:20 +0800
Subject: [PATCH] feat: table th relative

---
 src/components/dynamic/TxsElement.vue                | 2 +-
 src/modules/[chain]/account/[address].vue            | 4 ++--
 src/modules/[chain]/block/index.vue                  | 6 +++---
 src/modules/[chain]/cosmwasm/[code_id]/contracts.vue | 2 +-
 src/modules/[chain]/cosmwasm/index.vue               | 2 +-
 src/modules/[chain]/ibc/[connection_id].vue          | 2 +-
 src/modules/[chain]/ibc/index.vue                    | 2 +-
 src/modules/[chain]/staking/[validator].vue          | 2 +-
 8 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/dynamic/TxsElement.vue b/src/components/dynamic/TxsElement.vue
index a2fca156..c79eb1f9 100644
--- a/src/components/dynamic/TxsElement.vue
+++ b/src/components/dynamic/TxsElement.vue
@@ -25,7 +25,7 @@ const chain = useBlockchain();
     <table class="table w-full" density="compact" v-if="txs.length > 0">
       <thead>
         <tr>
-          <th style="position: relative">Hash</th>
+          <th style="position: relative; z-index: 2;">Hash</th>
           <th>Msgs</th>
           <th>Memo</th>
         </tr>
diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index 91f74041..85640079 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -305,7 +305,7 @@ loadAccount(props.address);
         <table class="table w-full">
           <thead>
             <tr>
-              <th style="position: relative">Validator</th>
+              <th style="position: relative; z-index: 2;">Validator</th>
               <th>Delegation</th>
               <th>Rewards</th>
               <th>Action</th>
@@ -382,7 +382,7 @@ loadAccount(props.address);
         <table class="table">
           <thead>
             <tr>
-              <th style="position: relative">Creation Height</th>
+              <th style="position: relative; z-index: 2;">Creation Height</th>
               <th>Initial Balance</th>
               <th>Balance</th>
               <th>Completion Time</th>
diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index 6c952852..e916d2e5 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -30,7 +30,7 @@ const format = useFormatter();
       <table class="table w-full">
         <thead>
           <tr>
-            <th style="position: relative">Height</th>
+            <th style="position: relative; z-index: 2;">Height</th>
             <th>Hash</th>
             <th>Proposer</th>
             <th>Txs</th>
@@ -63,8 +63,8 @@ const format = useFormatter();
       <table class="table w-full">
         <thead>
           <tr>
-            <th style="position: relative">Height</th>
-            <th style="position: relative">Hash</th>
+            <th style="position: relative; z-index: 2;">Height</th>
+            <th style="position: relative; z-index: 2;">Hash</th>
             <th>Messages</th>
             <th>Fees</th>
           </tr>
diff --git a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
index 49725e64..3277afc9 100644
--- a/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
+++ b/src/modules/[chain]/cosmwasm/[code_id]/contracts.vue
@@ -99,7 +99,7 @@ const result = ref('');
         <table class="table w-full mt-4">
           <thead>
             <tr>
-              <th style="position: relative">Contract List</th>
+              <th style="position: relative; z-index: 2;">Contract List</th>
               <th>Actions</th>
             </tr>
           </thead>
diff --git a/src/modules/[chain]/cosmwasm/index.vue b/src/modules/[chain]/cosmwasm/index.vue
index cf6febe1..3d43f10d 100644
--- a/src/modules/[chain]/cosmwasm/index.vue
+++ b/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; z-index: 2;">Code Id</th>
             <th>Code Hash</th>
             <th>Creator</th>
             <th>Permissions</th>
diff --git a/src/modules/[chain]/ibc/[connection_id].vue b/src/modules/[chain]/ibc/[connection_id].vue
index 14ed3ca7..4e7806a9 100644
--- a/src/modules/[chain]/ibc/[connection_id].vue
+++ b/src/modules/[chain]/ibc/[connection_id].vue
@@ -106,7 +106,7 @@ function color(v: string) {
       <table class="table w-full mt-4">
         <thead>
           <tr>
-            <th style="position: relative">Channel Id</th>
+            <th style="position: relative; z-index: 2;">Channel Id</th>
             <th>Port Id</th>
             <th>Counterparty</th>
             <th>Hops</th>
diff --git a/src/modules/[chain]/ibc/index.vue b/src/modules/[chain]/ibc/index.vue
index 1205035e..5d1e5a03 100644
--- a/src/modules/[chain]/ibc/index.vue
+++ b/src/modules/[chain]/ibc/index.vue
@@ -28,7 +28,7 @@ function color(v: string) {
         <table class="table w-full">
           <thead>
             <tr>
-              <th style="position: relative">Connection Id</th>
+              <th style="position: relative; z-index: 2;">Connection Id</th>
               <th>Connection</th>
               <th>Delay Period</th>
               <th>State</th>
diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index d6a79301..b6b346e2 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -378,7 +378,7 @@ onMounted(() => {
       <div class="rounded overflow-auto">
         <table class="table validatore-table w-full">
           <thead>
-            <th class="text-left pl-4" style="position: relative; z-index: 2">
+            <th class="text-left pl-4" style="position: relative; z-index: 2;">
               Height
             </th>
             <th class="text-left pl-4">Hash</th>