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

Improve create market UI (#336)

Browse Source 
* 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
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/pages/create.tsx
View File

@ -215,12 +215,16 @@ export function NewContract(props: { question: string; tag?: string }) {
isSubmitting={isSubmitting}
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
type="number"
value={initialProb}
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}
max={95}
@ -234,8 +238,8 @@ export function NewContract(props: { question: string; tag?: string }) {
else setProbErrorText('')
}}
/>
<span className={'mt-2 ml-0.5'}>%</span>
</div>
<span className={'ml-1'}>%</span>
</Row>
</ChoicesToggleGroup>
</Row>
{probErrorText && (