UI adjustments

This commit is contained in:
Willian Mitsuda 2021-09-18 18:03:54 -03:00
parent 04fdd74a94
commit 0179b40eaf
2 changed files with 5 additions and 6 deletions

View File

@ -20,7 +20,7 @@ const DecodedParamsTable: React.FC<DecodedParamsTableProps> = ({
<thead>
<tr className="grid grid-cols-12 text-left gap-x-2 py-2 bg-gray-100">
<th className="col-span-3 pl-1">
param <span className="text-gray-400 text-xs">(index)</span>
name <span className="text-gray-400 text-xs">(index)</span>
</th>
<th className="col-span-1">type</th>
<th className="col-span-8 pr-1">value</th>

View File

@ -42,7 +42,8 @@ const LogEntry: React.FC<LogEntryProps> = ({ txData, log, logDesc }) => (
</div>
<Tab.Group>
<Tab.List className="grid grid-cols-12 gap-x-3 gap-y-5 text-sm">
<div className="col-start-2 col-span-11 flex space-x-1 mb-1">
<div className="text-right">Parameters</div>
<div className="col-span-11 flex space-x-1 mb-1">
<ModeTab>Decoded</ModeTab>
<ModeTab>Raw</ModeTab>
</div>
@ -52,14 +53,12 @@ const LogEntry: React.FC<LogEntryProps> = ({ txData, log, logDesc }) => (
{logDesc && (
<>
<div className="grid grid-cols-12 gap-x-3 gap-y-5 text-sm">
<div className="text-right">Signature</div>
<div className="flex space-x-2 items-center col-span-11 font-mono">
<div className="col-start-2 flex space-x-2 items-center col-span-11 font-mono">
<DecodedLogSignature event={logDesc.eventFragment} />
</div>
</div>
<div className="grid grid-cols-12 gap-x-3 gap-y-5 text-sm">
<div className="text-right">Name</div>
<div className="flex space-x-2 items-center col-span-11">
<div className="col-start-2 flex space-x-2 items-center col-span-11">
<DecodedParamsTable
args={logDesc.args}
paramTypes={logDesc.eventFragment.inputs}