Change input description

This commit is contained in:
Marvin Sextro 2021-06-30 02:40:39 +02:00
parent cbc18e193b
commit 288ec05bb6
1 changed files with 19 additions and 14 deletions

View File

@ -126,7 +126,7 @@ function Form() {
<Card step={1} heading="Select Certificate" content={ <Card step={1} heading="Select Certificate" content={
<div className="space-y-5"> <div className="space-y-5">
<p> <p>
Please select the (scanned) certificate PDF page, which you received from your doctor, pharmacy, vaccination centre or online. Please select the certificate, which you received from your doctor, pharmacy, vaccination centre or online. Note that taking a picture does not work on most devices yet.
</p> </p>
<input <input
className="w-full" className="w-full"
@ -138,19 +138,24 @@ function Form() {
</div> </div>
} /> } />
<Card step={2} heading="Pick a Color" content={ <Card step={2} heading="Pick a Color" content={
<div className="relative inline-block w-full"> <div className="space-y-5">
<select name="color" id="color" className="bg-gray-200 dark:bg-gray-900 focus:outline-none w-full h-10 pl-3 pr-6 text-base rounded-md appearance-none cursor-pointer"> <p>
<option value="white">white</option> Pick a background color for your pass.
<option value="black">black</option> </p>
<option value="grey">grey</option> <div className="relative inline-block w-full">
<option value="green">green</option> <select name="color" id="color" className="bg-gray-200 dark:bg-gray-900 focus:outline-none w-full h-10 pl-3 pr-6 text-base rounded-md appearance-none cursor-pointer">
<option value="indigo">indigo</option> <option value="white">white</option>
<option value="blue">blue</option> <option value="black">black</option>
<option value="purple">purple</option> <option value="grey">grey</option>
<option value="teal">teal</option> <option value="green">green</option>
</select> <option value="indigo">indigo</option>
<div className="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none"> <option value="blue">blue</option>
<svg className="w-5 h-5 fill-current" viewBox="0 0 20 20"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clipRule="evenodd" fillRule="evenodd"/></svg> <option value="purple">purple</option>
<option value="teal">teal</option>
</select>
<div className="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none">
<svg className="w-5 h-5 fill-current" viewBox="0 0 20 20"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clipRule="evenodd" fillRule="evenodd"/></svg>
</div>
</div> </div>
</div> </div>
} /> } />