Minor UI updates

This commit is contained in:
Serkan Reis 2023-03-19 21:28:33 +03:00
parent 8501f6bf64
commit d27dfbd452
2 changed files with 24 additions and 18 deletions

View File

@ -196,24 +196,30 @@ const SplitsInstantiatePage: NextPage = () => {
</div> </div>
</div> </div>
</div> </div>
<AddressInput className="ml-4 w-1/2" {...splitsAdminState} /> <div className="grid grid-cols-2 gap-4">
<Conditional test={cw4Method === 'new'}> <div>
<AddressInput className="ml-4 w-1/2" {...cw4GroupAdminState} /> <AddressInput className="mt-2 ml-4 w-full" {...splitsAdminState} />
</Conditional> <Conditional test={cw4Method === 'new'}>
<Conditional test={cw4Method === 'new'}> <AddressInput className="mt-2 ml-4 w-full" {...cw4GroupAdminState} />
<div className="my-4 ml-4 w-1/2"> </Conditional>
<MemberAttributes <Conditional test={cw4Method === 'existing'}>
attributes={memberListState.entries} <AddressInput className="mt-2 ml-4 w-full" {...cw4GroupAddressState} />
onAdd={memberListState.add} </Conditional>
onChange={memberListState.update}
onRemove={memberListState.remove}
title="Members"
/>
</div> </div>
</Conditional> <div>
<Conditional test={cw4Method === 'existing'}> <Conditional test={cw4Method === 'new'}>
<AddressInput className="ml-4 w-1/2" {...cw4GroupAddressState} /> <div className="ml-4 w-full">
</Conditional> <MemberAttributes
attributes={memberListState.entries}
onAdd={memberListState.add}
onChange={memberListState.update}
onRemove={memberListState.remove}
title="Members"
/>
</div>
</Conditional>
</div>
</div>
<div className="flex items-center p-4"> <div className="flex items-center p-4">
<div className="flex-grow" /> <div className="flex-grow" />

View File

@ -46,7 +46,7 @@ const SplitsQueryPage: NextPage = () => {
id: 'start-after-string', id: 'start-after-string',
name: 'start-after-string', name: 'start-after-string',
title: 'Start After (optional)', title: 'Start After (optional)',
subtitle: 'The public key to start the pagination after', subtitle: 'The member address to start the pagination after',
}) })
const paginationLimitState = useNumberInputState({ const paginationLimitState = useNumberInputState({