Improve create market UI (#336)

* Move to tailwindui

* Remove commented code

* Prettier

* Show custom prob toggle, limit to 5-95%

* match left margin

* Show prob, date, time, other ui changes

* fix for firefox
This commit is contained in:
Ian Philips 2022-05-25 12:13:51 -06:00 committed by GitHub
parent d69f4f9a0a
commit 959ee5f8d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -215,12 +215,16 @@ export function NewContract(props: { question: string; tag?: string }) {
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
className={'col-span-4 sm:col-span-3'} className={'col-span-4 sm:col-span-3'}
> >
<div className={'col-span-6 sm:col-span-3'}> <Row
className={
'col-span-6 items-center justify-center sm:col-span-3'
}
>
<input <input
type="number" type="number"
value={initialProb} value={initialProb}
className={ className={
'input-bordered input-md rounded-md border-gray-300 pr-2 text-lg' 'input-bordered input-md max-w-[100px] rounded-md border-gray-300 pr-2 text-lg'
} }
min={5} min={5}
max={95} max={95}
@ -234,8 +238,8 @@ export function NewContract(props: { question: string; tag?: string }) {
else setProbErrorText('') else setProbErrorText('')
}} }}
/> />
<span className={'mt-2 ml-0.5'}>%</span> <span className={'ml-1'}>%</span>
</div> </Row>
</ChoicesToggleGroup> </ChoicesToggleGroup>
</Row> </Row>
{probErrorText && ( {probErrorText && (