done with styling of mt-form
This commit is contained in:
parent
60ad401892
commit
d760bdc2d2
2 changed files with 205 additions and 124 deletions
|
@ -70,7 +70,7 @@
|
|||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="basis-full flex flex-wrap">
|
||||
<div class="basis-full flex flex-wrap my-4">
|
||||
<label for="street" class="basis-full">What is your address?</label>
|
||||
<input type="text" id="street" name="street"
|
||||
class="basis-full form-input {{ $formClasses }}"
|
||||
|
@ -105,10 +105,10 @@
|
|||
class="flex-auto form-input {{ $formClasses }}">
|
||||
</div>
|
||||
</div>
|
||||
<label for="school" class="basis-full">What school do you go to?</label>
|
||||
<label for="school" class="basis-full my-4">What school do you go to?</label>
|
||||
<input type="text" id="school" name="school" class="basis-full form-input {{ $formClasses }}">
|
||||
|
||||
<div class="basis-full">
|
||||
<div class="basis-full my-4">
|
||||
<label for="grade" class="">Grade</label>
|
||||
<br/>
|
||||
<input type="radio" id="grade" name="grade" value="8" class="form-input {{ $formClasses }}">
|
||||
|
@ -130,14 +130,16 @@
|
|||
class="form-input {{ $formClasses }}">
|
||||
<label for="grade" class="">Senior</label>
|
||||
</div>
|
||||
<div class="basis-full flex flex-wrap">
|
||||
<div class="basis-full flex flex-wrap my-4">
|
||||
<label for="pastorfirstname" class="basis-full">What is your pastor's first and last name?</label>
|
||||
<input type="text" id="pastorfirstname" name="pastorfirstname"
|
||||
class="flex-auto form-input {{ $formClasses }}">
|
||||
class="flex-auto form-input {{ $formClasses }}"
|
||||
placeholder="First Name">
|
||||
<input type="text" id="pastorlastname" name="pastorlastname"
|
||||
class="flex-auto form-input {{ $formClasses }}">
|
||||
class="flex-auto form-input {{ $formClasses }}"
|
||||
placeholder="Last Name">
|
||||
</div>
|
||||
<div class="basis-full">
|
||||
<div class="basis-full my-4">
|
||||
<label for="churchattendance" class="">Do you attend church regularly?</label>
|
||||
<br/>
|
||||
<input type="radio" id="churchattendance" name="churchattendance"
|
||||
|
@ -152,36 +154,38 @@
|
|||
value="other" class="form-input {{ $formClasses }}">
|
||||
<label for="churchattendance" class="">Other</label>
|
||||
</div>
|
||||
<div class="basis-1/2">
|
||||
<label for="tfcgroup" class="">TFC Group</label>
|
||||
<select id="tfcgroup" name="tfcgroup" class="form-select {{ $formClasses }}">
|
||||
<option value="phillipsburg">Phillipsburg</option>
|
||||
<option value="atwood">Atwood</option>
|
||||
<option value="northern-valley">Northern Valley</option>
|
||||
<option value="southern-valley">Southern Valley</option>
|
||||
<option value="thunder-ridge">Thunder Ridge</option>
|
||||
<option value="logan">Logan</option>
|
||||
<option value="codell">Codell</option>
|
||||
<option value="colby">Colby</option>
|
||||
</select>
|
||||
<div class="basis-full flex flex-wrap my-4">
|
||||
<div class="basis-1/2 flex flex-wrap items-center">
|
||||
<label for="tfcgroup" class="flex-initial">TFC Group</label>
|
||||
<select id="tfcgroup" name="tfcgroup" class="flex-auto form-select {{ $formClasses }}">
|
||||
<option value="phillipsburg">Phillipsburg</option>
|
||||
<option value="atwood">Atwood</option>
|
||||
<option value="northern-valley">Northern Valley</option>
|
||||
<option value="southern-valley">Southern Valley</option>
|
||||
<option value="thunder-ridge">Thunder Ridge</option>
|
||||
<option value="logan">Logan</option>
|
||||
<option value="codell">Codell</option>
|
||||
<option value="colby">Colby</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="basis-1/2 flex flex-wrap items-center">
|
||||
<label for="shirt" class="flex-initial">T-Shirt Size</label>
|
||||
<select id="shirt" name="shirt" class="flex-auto form-select {{ $formClasses }}">
|
||||
<option value="small">Small</option>
|
||||
<option value="medium">Medium</option>
|
||||
<option value="large">Large</option>
|
||||
<option value="xl">XL</option>
|
||||
<option value="xxl">2XL</option>
|
||||
<option value="xxxl">3XL</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="basis-1/2">
|
||||
<label for="shirt" class="">T-Shirt Size</label>
|
||||
<select id="shirt" name="shirt" class="form-select {{ $formClasses }}">
|
||||
<option value="small">Small</option>
|
||||
<option value="medium">Medium</option>
|
||||
<option value="large">Large</option>
|
||||
<option value="xl">XL</option>
|
||||
<option value="xxl">2XL</option>
|
||||
<option value="xxxl">3XL</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="basis-full my-12">
|
||||
<label for="image" class="">
|
||||
<div class="basis-full my-4 mb-8 flex flex-wrap">
|
||||
<label for="image" class="basis-full">
|
||||
Please give us a picture you'd like to use on prayer cards.
|
||||
</label>
|
||||
<input type="file" id="image" name="image"
|
||||
class="file:m-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-neutral-500 file:text-neutral-100 hover:file:bg-primary-300 hover:file:ring-offset-2 hover:file:ring-2 hover:file:ring-offset-transparent hover:file:text-primary-500 hover:file:ring-primary-500">
|
||||
class="file:my-4 file:ml-2 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-neutral-500 file:text-neutral-100 hover:file:bg-primary-300 hover:file:ring-offset-2 hover:file:ring-2 hover:file:ring-offset-transparent hover:file:text-primary-500 hover:file:ring-primary-500">
|
||||
</div>
|
||||
<div class="basis-full mt-10">
|
||||
<label for="tripnotes" class="p-4">
|
||||
|
@ -255,7 +259,7 @@
|
|||
class="form-input w-full h-64 {{ $formClasses }}"
|
||||
placeholder=""></textarea>
|
||||
</div>
|
||||
<div class="basis-full mt-10">
|
||||
<div class="basis-full my-10">
|
||||
<label for="attitude-toward-work" class="p-4">
|
||||
If we were to ask your parents/employer/or teachers about your attitudes towards work, what would they say?
|
||||
</label>
|
||||
|
@ -264,11 +268,12 @@
|
|||
class="form-input w-full h-64 {{ $formClasses }}"
|
||||
placeholder=""></textarea>
|
||||
</div>
|
||||
<div class="basis-full">
|
||||
<button class="content-right rounded-lg bg-primary-700 h-12 w-24 focus:bg-primary-900 focus:ring focus:ring-primary-700 hover:bg-primary-900 float-right">Submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="h-12" style="display: flex;"></div>
|
||||
|
||||
<iframe
|
||||
id="form"
|
||||
class="mt-form w-full h-screen"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue