From a1635675d36e971eaf95ce492601746b8f7c261e Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Sat, 17 Jun 2023 13:27:12 +0800
Subject: [PATCH] add padding to wallet bar

---
 src/layouts/components/NavBarWallet.vue | 68 ++++++++-----------------
 1 file changed, 21 insertions(+), 47 deletions(-)

diff --git a/src/layouts/components/NavBarWallet.vue b/src/layouts/components/NavBarWallet.vue
index 96b0a545..2d0c69d5 100644
--- a/src/layouts/components/NavBarWallet.vue
+++ b/src/layouts/components/NavBarWallet.vue
@@ -36,57 +36,35 @@ const tipMsg = computed(() => {
 
 <template>
   <div class="dropdown dropdown-hover dropdown-end">
-    <label
-      tabindex="0"
-      class="btn btn-sm btn-primary m-1 lowercase truncate !inline-flex text-xs md:!text-sm"
-    >
+    <label tabindex="0" class="btn btn-sm btn-primary m-1 lowercase truncate !inline-flex text-xs md:!text-sm">
       <Icon icon="mdi:wallet" />
       <span class="ml-1 hidden md:block">
-        {{ walletStore.shortAddress || 'Wallet' }}</span
-      >
+        {{ walletStore.shortAddress || 'Wallet' }}</span>
     </label>
-    <div
-      tabindex="0"
-      class="dropdown-content menu shadow p-2 bg-base-100 rounded w-52 md:!w-64 overflow-auto"
-    >
-      <label
-        v-if="!walletStore?.currentAddress"
-        for="PingConnectWallet"
-        class="btn btn-sm btn-primary"
-        ><Icon icon="mdi:wallet" /><span class="ml-1 block"
-          >Connect Wallet</span
-        ></label
-      >
+    <div tabindex="0" class="dropdown-content menu shadow p-2 bg-base-100 rounded w-52 md:!w-64 overflow-auto">
+      <label v-if="!walletStore?.currentAddress" for="PingConnectWallet" class="btn btn-sm btn-primary">
+        <Icon icon="mdi:wallet" /><span class="ml-1 block">Connect Wallet</span>
+      </label>
       <div class="px-2 mb-1 text-gray-500 dark:text-gray-400 font-semibold">
         {{ walletStore.connectedWallet?.wallet }}
       </div>
-      <div class="">
-        <a
-          v-if="walletStore.currentAddress"
+      <div>
+        <a v-if="walletStore.currentAddress"
           class="block py-2 px-2 hover:bg-gray-100 dark:hover:bg-[#353f5a] rounded cursor-pointer"
-          style="overflow-wrap: anywhere"
-          @click="copyAdress(walletStore.currentAddress)"
-        >
+          style="overflow-wrap: anywhere" @click="copyAdress(walletStore.currentAddress)">
           {{ walletStore.currentAddress }}
         </a>
         <div class="divider mt-1 mb-1"></div>
-        <RouterLink
-          class="block py-1 px-1 md:!py-2 md:!px-2 hover:bg-gray-100 dark:hover:bg-[#353f5a] rounded cursor-pointer"
-          to="/wallet/accounts"
-          >Accounts</RouterLink
-        >
-        <RouterLink
-          class="block py-1 px-1 md:!py-2 md:!px-2 hover:bg-gray-100 dark:hover:bg-[#353f5a] rounded cursor-pointer"
-          to="/wallet/portfolio"
-          >Portfolio</RouterLink
-        >
+        <RouterLink to="/wallet/accounts">
+          <div class="block py-2 px-2 hover:!bg-gray-100 rounded cursor-pointer">Accounts</div>
+        </RouterLink>
+        <RouterLink to="/wallet/portfolio">
+          <div class="block py-2 px-2 hover:!bg-gray-100 rounded cursor-pointer">Portfolio</div>
+        </RouterLink>
         <div v-if="walletStore.currentAddress" class="divider mt-1 mb-1"></div>
-        <a
-          v-if="walletStore.currentAddress"
-          class="block py-1 px-1 md:!py-2 md:!px-2 hover:bg-gray-100 dark:hover:bg-[#353f5a] rounded cursor-pointer"
-          @click="walletStore.disconnect()"
-          >Disconnect</a
-        >
+        <a v-if="walletStore.currentAddress"
+          class="block py-2 px-2 hover:bg-gray-100 dark:hover:bg-[#353f5a] rounded cursor-pointer"
+          @click="walletStore.disconnect()">Disconnect</a>
       </div>
     </div>
     <div class="toast" v-show="showCopyToast === 1">
@@ -105,13 +83,9 @@ const tipMsg = computed(() => {
     </div>
   </div>
   <Teleport to="body">
-    <ping-connect-wallet
-      :chain-id="baseStore.currentChainId"
-      :hd-path="chainStore.defaultHDPath"
-      :addr-prefix="chainStore.current?.bech32Prefix||'cosmos'"
-      @connect="walletStateChange"
-      @keplr-config="walletStore.suggestChain()"
-    />
+    <ping-connect-wallet :chain-id="baseStore.currentChainId" :hd-path="chainStore.defaultHDPath"
+      :addr-prefix="chainStore.current?.bech32Prefix || 'cosmos'" @connect="walletStateChange"
+      @keplr-config="walletStore.suggestChain()" />
   </Teleport>
 </template>