a
/
otterscan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change p for span to avoid block filling the entire row

This commit is contained in:
Willian Mitsuda 2021-07-19 01:03:32 -03:00
parent 177929069f
commit 261847bec1
5 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Address.tsx
View File

@ -6,7 +6,7 @@ type AddressProps = {
const Address: React.FC<AddressProps> = ({ address }) => ( const Address: React.FC<AddressProps> = ({ address }) => (
<span className="font-address text-gray-400 truncate" title={address}> <span className="font-address text-gray-400 truncate" title={address}>
<p className="truncate">{address}</p> <span className="truncate">{address}</span>
</span> </span>
); );

4
src/components/AddressLink.tsx
View File

@ -18,9 +18,9 @@ const AddressLink: React.FC<AddressLinkProps> = ({
} font-address truncate`} } font-address truncate`}
to={`/address/${address}`} to={`/address/${address}`}
> >
<p className="truncate" title={text ?? address}> <span className="truncate" title={text ?? address}>
{text ?? address} {text ?? address}
</p> </span>
</NavLink> </NavLink>
); );

2
src/components/ENSName.tsx
View File

@ -18,7 +18,7 @@ const ENSName: React.FC<ENSNameProps> = ({ name, address }) => (
width={12} width={12}
height={12} height={12}
/> />
<p className="truncate">{name}</p> <span className="truncate">{name}</span>
</div> </div>
); );

2
src/components/ENSNameLink.tsx
View File

@ -27,7 +27,7 @@ const ENSNameLink: React.FC<ENSNameLinkProps> = ({
width={12} width={12}
height={12} height={12}
/> />
<p className="truncate">{name}</p> <span className="truncate">{name}</span>
</NavLink> </NavLink>
); );

4
src/transaction/Logs.tsx
View File

@ -1,6 +1,6 @@
import React from "react"; import React from "react";
import ContentFrame from "../ContentFrame"; import ContentFrame from "../ContentFrame";
import AddressLink from "../components/AddressLink"; import AddressOrENSName from "../components/AddressOrENSName";
import { TransactionData } from "../types"; import { TransactionData } from "../types";
type LogsProps = { type LogsProps = {
@ -22,7 +22,7 @@ const Logs: React.FC<LogsProps> = ({ txData }) => (
<div className="grid grid-cols-12 gap-x-3 gap-y-5 text-sm"> <div className="grid grid-cols-12 gap-x-3 gap-y-5 text-sm">
<div className="font-bold text-right">Address</div> <div className="font-bold text-right">Address</div>
<div className="col-span-11"> <div className="col-span-11">
<AddressLink address={l.address} /> <AddressOrENSName address={l.address} />
</div> </div>
</div> </div>
{l.topics.map((t, i) => ( {l.topics.map((t, i) => (