Fix highlighting on to column

This commit is contained in:
Willian Mitsuda 2021-07-14 22:51:33 -03:00
parent 1a75356fca
commit da7b039c22
1 changed files with 14 additions and 12 deletions

View File

@ -68,7 +68,7 @@ const TransactionItem: React.FC<TransactionItemProps> = ({
</span> </span>
<TimestampAge timestamp={tx.timestamp} /> <TimestampAge timestamp={tx.timestamp} />
<span className="col-span-2 flex justify-between items-baseline space-x-2 pr-2"> <span className="col-span-2 flex justify-between items-baseline space-x-2 pr-2">
<span className="truncate" title={tx.from}> <span className="truncate">
{tx.from && ( {tx.from && (
<AddressHighlighter address={tx.from}> <AddressHighlighter address={tx.from}>
<AddressOrENSName <AddressOrENSName
@ -87,7 +87,8 @@ const TransactionItem: React.FC<TransactionItemProps> = ({
/> />
</span> </span>
</span> </span>
<span className="col-span-2 truncate" title={tx.to}> <span className="col-span-2 flex items-baseline" title={tx.to}>
<span className="truncate">
{tx.to && ( {tx.to && (
<AddressHighlighter address={tx.to}> <AddressHighlighter address={tx.to}>
<AddressOrENSName <AddressOrENSName
@ -99,6 +100,7 @@ const TransactionItem: React.FC<TransactionItemProps> = ({
</AddressHighlighter> </AddressHighlighter>
)} )}
</span> </span>
</span>
<span className="col-span-2 truncate"> <span className="col-span-2 truncate">
<TransactionValue value={tx.value} /> <TransactionValue value={tx.value} />
</span> </span>