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

Tweak resolution panel UI

Browse Source
This commit is contained in:
Austin Chen 2021-12-15 01:11:27 -08:00
parent 4bf739e06d
commit 5f7052a58e
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -45,16 +45,16 @@ export function ResolutionPanel(props: {
> >
<Title className="mt-0" text="Your market" /> <Title className="mt-0" text="Your market" />
<div className="pt-2 pb-1 text-sm text-gray-500">Resolve outcome</div> <div className="pt-2 pb-1 text-sm text-gray-400">Resolve outcome</div>
<YesNoCancelSelector <YesNoCancelSelector
className="p-2" className="mx-auto my-2"
selected={outcome} selected={outcome}
onSelect={setOutcome} onSelect={setOutcome}
/> />
<Spacer h={3} /> <Spacer h={3} />
<div className="text-gray-500 text-sm"> <div>
{outcome === 'YES' ? ( {outcome === 'YES' ? (
<> <>
Winnings will be paid out to Yes bettors. You earn 1% of the No Winnings will be paid out to Yes bettors. You earn 1% of the No
@ -77,7 +77,10 @@ export function ResolutionPanel(props: {
<ConfirmationModal <ConfirmationModal
id="resolution-modal" id="resolution-modal"
openModelBtn={{ openModelBtn={{
className: clsx('border-none self-start m-2', submitButtonClass), className: clsx(
'border-none self-start mt-2 w-full',
submitButtonClass
),
label: 'Resolve', label: 'Resolve',
}} }}
cancelBtn={{ cancelBtn={{