open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Resolution panel spacing

Browse Source
This commit is contained in:
James Grugett 2022-02-17 17:47:23 -06:00
parent 96ea325136
commit 24e646640a
1 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/components/resolution-panel.tsx
View File

@ -66,9 +66,9 @@ export function ResolutionPanel(props: {
return ( return (
<Col className={clsx('rounded-md bg-white px-8 py-6', className)}> <Col className={clsx('rounded-md bg-white px-8 py-6', className)}>
<Title className="mt-0" text="Resolve market" /> <Title className="mt-0 whitespace-nowrap" text="Resolve market" />
<div className="pt-2 pb-1 text-sm text-gray-500">Outcome</div> <div className="mb-2 text-sm text-gray-500">Outcome</div>
<YesNoCancelSelector <YesNoCancelSelector
className="mx-auto my-2" className="mx-auto my-2"
@ -77,7 +77,7 @@ export function ResolutionPanel(props: {
btnClassName={isSubmitting ? 'btn-disabled' : ''} btnClassName={isSubmitting ? 'btn-disabled' : ''}
/> />
<Spacer h={3} /> <Spacer h={4} />
<div> <div>
{outcome === 'YES' ? ( {outcome === 'YES' ? (
@ -97,22 +97,20 @@ export function ResolutionPanel(props: {
) : outcome === 'CANCEL' ? ( ) : outcome === 'CANCEL' ? (
<>The pool will be returned to traders with no fees.</> <>The pool will be returned to traders with no fees.</>
) : outcome === 'MKT' ? ( ) : outcome === 'MKT' ? (
<> <Col className="gap-6">
Traders will be paid out at the probability you specify: <div>Traders will be paid out at the probability you specify:</div>
<Spacer h={2} />
<ProbabilitySelector <ProbabilitySelector
probabilityInt={Math.round(prob)} probabilityInt={Math.round(prob)}
setProbabilityInt={setProb} setProbabilityInt={setProb}
/> />
<Spacer h={2} /> <div>You earn {CREATOR_FEE * 100}% of trader profits.</div>
You earn {CREATOR_FEE * 100}% of trader profits. </Col>
</>
) : ( ) : (
<>Resolving this market will immediately pay out traders.</> <>Resolving this market will immediately pay out traders.</>
)} )}
</div> </div>
<Spacer h={3} /> <Spacer h={4} />
{!!error && <div className="text-red-500">{error}</div>} {!!error && <div className="text-red-500">{error}</div>}