fix: ping-connect-wallet display hierarchy problem

src/layouts/components/NavBarWallet.vue

@@ -1,14 +1,17 @@
 <script setup lang="ts">
-import { ref } from 'vue';
+import { useWalletStore } from '@/stores';
-import { useBlockchain, useWalletStore } from '@/stores';
-
-const walletStore = useWalletStore()
 
+const walletStore = useWalletStore();
 </script>
 
 <template>
   <div>
-    <span v-if="walletStore.currentAddress">{{ walletStore.currentAddress }}</span>
+    <span v-if="walletStore.currentAddress">{{
-    <ping-connect-wallet v-else class="mt-5" :chain-id="'juno-1'" :hd-path="`m/44'/118/0'/0/0`" />
+      walletStore.currentAddress
+    }}</span>
+
+    <label v-else for="PingConnectWallet" class="btn btn-sm ml-4 ping-connect-btn"
+      >Connect Wallet</label
+    >
   </div>
 </template>

src/layouts/components/newFooter.vue

@@ -31,4 +31,13 @@
       >
     </div>
   </footer>
+  <div class="footer-modal">
+    <ping-connect-wallet :chain-id="'juno-1'" :hd-path="`m/44'/118/0'/0/0`" />
+  </div>
 </template>
+
+<style>
+.footer-modal .ping-connect-btn {
+  display: none;
+}
+</style>

yarn.lock

@@ -6711,7 +6711,7 @@ pify@^3.0.0:
 
 "ping-widget@git+https://github.com/ping-pub/widget.git":
   version "0.0.5"
-  resolved "git+https://github.com/ping-pub/widget.git#2c4bf89ba35ea6cb6ecbfe07e32f70ba8089e9bc"
+  resolved "git+https://github.com/ping-pub/widget.git#7ce4842101089476d915027f58021088afef9cb8"
   dependencies:
     "@cosmjs/amino" "^0.30.1"
     "@cosmjs/ledger-amino" "^0.30.1"