blockworks-foundation
/
mango-token-sale
mirror of https://github.com/blockworks-foundation/mango-token-sale.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add hover text to explain wallet icon

This commit is contained in:
Tyler Shipe 2021-08-07 18:10:06 -04:00
parent 79e97ba6da
commit b84781e576
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/ContributionModal.tsx
View File

@ -239,12 +239,17 @@ const ContributionModal = () => {
style={{ transform: 'scaleX(-1)' }}
/>
</a>
<WalletIcon className="w-4 h-4 mx-1 text-fgd-3 fill-current" />
<div title="Wallet Icon">
<WalletIcon className="w-4 h-4 mx-1 text-fgd-3 fill-current" />
</div>
{connected ? (
loading ? (
<div className="bg-bkg-4 rounded w-10 h-4 animate-pulse" />
) : (
<span className="font-display text-fgd-1 ml-1">
<span
className="font-display text-fgd-3 ml-1"
title="Wallet USDC"
>
{walletAmount.toFixed(2)}
</span>
)
@ -253,10 +258,11 @@ const ContributionModal = () => {
)}
<img
alt=""
title="Wallet USDC"
width="16"
height="16"
src="/icons/usdc.svg"
className={`ml-1`}
className="ml-1 opacity-75"
/>
</div>
<div className="flex">