Refactor component and page structure for responsiveness and improve form layout

This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-10-09 11:13:10 +07:00
parent 6ba242719c
commit 69c6b727a6

View File

@ -57,19 +57,26 @@ export default function Apply() {
All requested information in this section is required. All requested information in this section is required.
</p> </p>
{/* form */} {/* form */}
<div className="ml-96 mt-5"> <div className="ml-96 mt-5 space-y-5">
{/* company name */} {/* company name */}
<Label htmlFor="companyName" className="font-bold text-lg"> <Label htmlFor="companyName" className="font-bold text-lg">
Company name Company name
</Label> </Label>
<Input type="text" id="companyName" className="mt-2 w-96" /> <div className="flex space-x-5">
<div className="mt-5"> <Input type="text" id="companyName" className="w-96" />
<span className="text-[13px] text-neutral-500 self-center">
This should be the name your company uses on your <br />
website and in the market.
</span>
</div>
<div className="mt-5 space-y-5">
{/* industry */} {/* industry */}
<Label htmlFor="industry" className="font-bold text-lg mt-10"> <Label htmlFor="industry" className="font-bold text-lg mt-10">
Industry Industry
</Label> </Label>
<div className="flex space-x-5">
<Select> <Select>
<SelectTrigger className="w-[180px]"> <SelectTrigger className="w-96">
<SelectValue placeholder="Select an industry" /> <SelectValue placeholder="Select an industry" />
</SelectTrigger> </SelectTrigger>
<SelectContent> <SelectContent>
@ -81,6 +88,11 @@ export default function Apply() {
</SelectGroup> </SelectGroup>
</SelectContent> </SelectContent>
</Select> </Select>
<span className="text-[13px] text-neutral-500 self-center">
This should be the name your company uses on your <br />
website and in the market.
</span>
</div>
</div> </div>
</div> </div>
</div> </div>