Skip to content

Commit

Permalink
minro tweaks to styles
Browse files Browse the repository at this point in the history
  • Loading branch information
technophile-04 committed Feb 21, 2024
1 parent baa9d86 commit 2015818
Show file tree
Hide file tree
Showing 4 changed files with 14 additions and 14 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -71,10 +71,10 @@ export const ContractInput = ({ setForm, form, stateObjectKey, paramType }: Cont
};

return (
<div className="flex flex-col gap-1 w-full">
<div className="flex items-center">
{paramType.name && <span className="text-xs font-medium mr-2">{paramType.name}</span>}
<span className="block text-xs font-extralight">{paramType.type}</span>
<div className="flex flex-col gap-1.5 w-full">
<div className="flex items-center ml-2">
{paramType.name && <span className="text-xs font-medium mr-2 leading-none">{paramType.name}</span>}
<span className="block text-xs font-extralight leading-none">{paramType.type}</span>
</div>
{renderInput()}
</div>
Expand Down
4 changes: 2 additions & 2 deletions packages/nextjs/components/scaffold-eth/Contract/Tuple.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -27,9 +27,9 @@ export const Tuple = ({ abiTupleParameter, setParentForm, parentStateObjectKey }

return (
<div>
<div className="collapse collapse-arrow bg-base-200 pl-4 py-1.5 border-2 border-secondary">
<div className="collapse collapse-arrow pl-4 py-1.5 border-2 border-secondary">
<input type="checkbox" className="min-h-fit peer" />
<div className="collapse-title p-0 min-h-fit peer-checked:mb-2 text-primary-content/50">
<div className="collapse-title p-0 min-h-fit peer-checked:mb-2 text-secondary-content/70">
<p className="m-0 p-0 text-[1rem]">{abiTupleParameter.internalType}</p>
</div>
<div className="ml-3 flex-col space-y-4 border-secondary/80 border-l-2 pl-4 collapse-content">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -97,15 +97,15 @@ export const TupleArray = ({ abiTupleParameter, setParentForm, parentStateObject

return (
<div>
<div className="collapse collapse-arrow bg-base-200 pl-4 py-1.5 border-2 border-secondary">
<div className="collapse collapse-arrow pl-4 py-1.5 border-2 border-secondary">
<input type="checkbox" className="min-h-fit peer" />
<div className="collapse-title p-0 min-h-fit peer-checked:mb-1 text-primary-content/50">
<div className="collapse-title p-0 min-h-fit peer-checked:mb-1 text-secondary-content/70">
<p className="m-0 text-[1rem]">{abiTupleParameter.internalType}</p>
</div>
<div className="ml-3 flex-col space-y-2 border-secondary/70 border-l-2 pl-4 collapse-content">
{additionalInputs.map((additionalInput, additionalIndex) => (
<div key={additionalIndex} className="space-y-1">
<span className="badge bg-base-300 badge-sm">
<span className="badge bg-secondary/60 badge-sm">
{depth > 1 ? `${additionalIndex}` : `tuple[${additionalIndex}]`}
</span>
<div className="space-y-4">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -103,18 +103,18 @@ export const WriteOnlyFunctionForm = ({
</p>
{inputs}
{abiFunction.stateMutability === "payable" ? (
<div className="flex flex-col gap-1 w-full pl-2">
<div className="flex items-center">
<span className="text-xs font-medium mr-2">value</span>
<span className="block text-xs font-thin">(wei)</span>
<div className="flex flex-col gap-1.5 w-full">
<div className="flex items-center ml-2">
<span className="text-xs font-medium mr-2 leading-none">payable value</span>
<span className="block text-xs font-extralight leading-none">wei</span>
</div>
<IntegerInput
value={txValue}
onChange={updatedTxValue => {
setDisplayedTxResult(undefined);
setTxValue(updatedTxValue);
}}
placeholder="wei"
placeholder="value (wei)"
/>
</div>
) : null}
Expand Down

0 comments on commit 2015818

Please sign in to comment.