Tune spacing

This commit is contained in:
Willian Mitsuda 2021-09-29 16:27:36 -03:00
parent ba3d721e14
commit b770de3117
1 changed files with 27 additions and 28 deletions

View File

@ -35,35 +35,34 @@ const DecodedParamRow: React.FC<DecodedParamRowProps> = ({
<> <>
<tr className="grid grid-cols-12 gap-x-2 py-2 hover:bg-gray-100"> <tr className="grid grid-cols-12 gap-x-2 py-2 hover:bg-gray-100">
<td className="col-span-3 pl-1"> <td className="col-span-3 pl-1">
<div> <div className="flex space-x-2 items-baseline">
{prefix && <span className="text-gray-300">{prefix}</span>} <span>
{arrayElem !== undefined ? ( {prefix && <span className="text-gray-300">{prefix}</span>}
<span className="text-gray-400"> {arrayElem !== undefined ? (
{" "} <span className="text-gray-400">
[<span className="text-black">{arrayElem}</span>] {" "}
</span> [<span className="text-black">{arrayElem}</span>]
) : ( </span>
<> ) : (
{paramType.name ?? <span className="italic">param_{i}</span>}{" "} <>
{i !== undefined && ( {paramType.name ?? <span className="italic">param_{i}</span>}{" "}
<span className="text-gray-400 text-xs">({i})</span> {i !== undefined && (
)} <span className="text-gray-400 text-xs">({i})</span>
</> )}
)} </>
)}
</span>
{help && ( {help && (
<> <Switch
{" "} checked={showHelp}
<Switch onChange={setShowHelp}
checked={showHelp} className="text-gray-500 self-center"
onChange={setShowHelp} >
className="text-gray-500" <FontAwesomeIcon
> icon={showHelp ? faQuestionCircleSolid : faQuestionCircle}
<FontAwesomeIcon size="1x"
icon={showHelp ? faQuestionCircleSolid : faQuestionCircle} />
size="1x" </Switch>
/>
</Switch>
</>
)} )}
</div> </div>
{help && showHelp && <div className="mt-2 text-gray-400">{help}</div>} {help && showHelp && <div className="mt-2 text-gray-400">{help}</div>}