add padding to wallet bar

This commit is contained in:
liangping 2023-06-17 13:27:12 +08:00
parent b9d3585f5a
commit a1635675d3

View File

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