Center create market page. Tweak labels

This commit is contained in:
jahooma 2022-01-15 19:02:01 -06:00
parent 4618b37c82
commit c13b71b754

View File

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