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

Center create market page. Tweak labels

Browse Source
This commit is contained in:
jahooma 2022-01-15 19:02:01 -06:00
parent 4618b37c82
commit c13b71b754
1 changed files with 109 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
web/pages/create.tsx
View File

@ -89,11 +89,10 @@ export default function NewContract() {
return (
<Page>
<div className="w-full max-w-2xl mx-auto">
<Title text="Create a new prediction market" />
<div className="w-full max-w-2xl bg-gray-100 rounded-lg shadow-md px-6 py-4">
{/* Create a Tailwind form that takes in all the fields needed for a new contract */}
{/* When the form is submitted, create a new contract in the database */}
<div className="bg-gray-100 rounded-lg shadow-md px-6 py-4">
<form>
<div className="form-control w-full">
<label className="label">
@ -161,9 +160,9 @@ export default function NewContract() {
<Spacer h={4} />
<div className="form-control items-start mb-1">
<label className="label">
<span className="mb-1 mr-1">Last trading day</span>
<InfoTooltip text="Trading allowed up to 11:59:59 pm local time on this date." />
<label className="label gap-2 mb-1">
<span>Last trading day</span>
<InfoTooltip text="Trading allowed through 11:59 pm local time on this date." />
</label>
<input
type="date"
@ -175,17 +174,12 @@ export default function NewContract() {
value={closeDate}
/>
</div>
{/* <label>
<span className="label-text text-gray-500 ml-1">
No trading after this date
</span>
</label> */}
<Spacer h={4} />
<div className="form-control items-start mb-1">
<label className="label">
<span className="mb-1 mr-1">Market ante</span>
<label className="label gap-2 mb-1">
<span>Market ante</span>
<InfoTooltip
text={`Subsidize your market to encourage trading. Ante bets are set to match your initial probability.
You earn ${CREATOR_FEE * 100}% of trading volume.`}
@ -221,6 +215,7 @@ export default function NewContract() {
</div>
</form>
</div>
</div>
</Page>
)
}