Fix truncation

This commit is contained in:
Willian Mitsuda 2021-07-06 02:00:54 -03:00
parent e80953edfc
commit 31d2983f94
1 changed files with 35 additions and 25 deletions

View File

@ -20,10 +20,16 @@ const TokenTransferItem: React.FC<TokenTransferItemProps> = ({
<span className="text-gray-500"> <span className="text-gray-500">
<FontAwesomeIcon icon={faCaretRight} size="1x" /> <FontAwesomeIcon icon={faCaretRight} size="1x" />
</span> </span>
<div className="grid grid-cols-5">
<div className="flex space-x-2">
<span className="font-bold">From</span> <span className="font-bold">From</span>
<AddressOrENSName address={t.from} /> <AddressOrENSName address={t.from} />
</div>
<div className="flex space-x-2">
<span className="font-bold">To</span> <span className="font-bold">To</span>
<AddressOrENSName address={t.to} /> <AddressOrENSName address={t.to} />
</div>
<div className="col-span-3 flex space-x-2">
<span className="font-bold">For</span> <span className="font-bold">For</span>
<span> <span>
<FormattedBalance <FormattedBalance
@ -39,7 +45,9 @@ const TokenTransferItem: React.FC<TokenTransferItemProps> = ({
</div> </div>
<AddressLink <AddressLink
address={t.token} address={t.token}
text={`${tokenMetas[t.token].name} (${tokenMetas[t.token].symbol})`} text={`${tokenMetas[t.token].name} (${
tokenMetas[t.token].symbol
})`}
/> />
</> </>
) : ( ) : (
@ -47,6 +55,8 @@ const TokenTransferItem: React.FC<TokenTransferItemProps> = ({
)} )}
</span> </span>
</div> </div>
</div>
</div>
); );
export default React.memo(TokenTransferItem); export default React.memo(TokenTransferItem);