Create page: Change "Prediction" to "Question" and make it gray

This commit is contained in:
jahooma 2022-01-04 21:03:00 -06:00
parent 67007c5897
commit 57ee53e133

View File

@ -70,18 +70,18 @@ export default function NewContract() {
<Page> <Page>
<Title text="Create a new prediction market" /> <Title text="Create a new prediction market" />
<div className="w-full bg-white rounded-lg shadow-md px-6 py-4"> <div className="w-full 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 */} {/* 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 */} {/* 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">
<span className="label-text">Prediction</span> <span className="label-text">Question</span>
</label> </label>
<input <input
type="text" type="text"
placeholder="e.g. The FDA will approve Paxlovid before Jun 2nd, 2022" placeholder="e.g. Will the FDA will approve Paxlovid before Jun 2nd, 2022?"
className="input input-bordered" className="input input-bordered"
value={question} value={question}
onChange={(e) => setQuestion(e.target.value || '')} onChange={(e) => setQuestion(e.target.value || '')}
@ -146,7 +146,7 @@ export default function NewContract() {
/> />
</div> </div>
<div className="collapse-content !p-0 m-0 !bg-transparent"> <div className="collapse-content !p-0 m-0 !bg-transparent">
<div className="form-control"> <div className="form-control mb-1">
<label className="label"> <label className="label">
<span className="label-text">Close date (optional)</span> <span className="label-text">Close date (optional)</span>
</label> </label>
@ -160,7 +160,7 @@ export default function NewContract() {
/> />
</div> </div>
<label> <label>
<span className="label-text text-gray-400 ml-1"> <span className="label-text text-gray-400 ml-2">
No new trades will be allowed after{' '} No new trades will be allowed after{' '}
{closeDate ? formattedCloseTime : 'this time'} {closeDate ? formattedCloseTime : 'this time'}
</span> </span>