Arnab-Afk/nextplacement
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(student): fixed signup css

Browse Source
This commit is contained in:
Unchanted
2025-09-02 16:33:04 +05:30
parent 051d68f565
commit 4badf7cf62
1 changed files with 94 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

183
apps/student/app/signup/steps/PersonalDetailsStep.tsx
View File

@@ -31,7 +31,7 @@ export default function PersonalDetailsStep({ form }: { form: any }) {
<div className="space-y-4"> <div className="space-y-4">
<h3 className="text-lg font-semibold">Personal Details</h3> <h3 className="text-lg font-semibold">Personal Details</h3>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<FormField <FormField
control={form.control} control={form.control}
name="firstName" name="firstName"
@@ -58,9 +58,6 @@ export default function PersonalDetailsStep({ form }: { form: any }) {
</FormItem> </FormItem>
)} )}
/> />
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<FormField <FormField
control={form.control} control={form.control}
name="middleName" name="middleName"
@@ -74,92 +71,6 @@ export default function PersonalDetailsStep({ form }: { form: any }) {
</FormItem> </FormItem>
)} )}
/> />
<FormField
control={form.control}
name="mothersName"
render={({ field }) => (
<FormItem>
<FormLabel>Mother's Name</FormLabel>
<FormControl>
<Input placeholder="Enter your mother's name" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
</div>
{/* Parent contacts */}
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<FormField
control={form.control}
name="mothersEmail"
render={({ field }) => (
<FormItem>
<FormLabel>Mother's Email</FormLabel>
<FormControl>
<Input type="email" placeholder="mother@example.com" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="mothersPhone"
render={({ field }) => (
<FormItem>
<FormLabel>Mother's Phone</FormLabel>
<FormControl>
<Input type="tel" placeholder="10-digit number" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<div className="hidden md:block" />
</div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<FormField
control={form.control}
name="fathersName"
render={({ field }) => (
<FormItem>
<FormLabel>Father's Name</FormLabel>
<FormControl>
<Input placeholder="Enter your father's name" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="fathersEmail"
render={({ field }) => (
<FormItem>
<FormLabel>Father's Email</FormLabel>
<FormControl>
<Input type="email" placeholder="father@example.com" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="fathersPhone"
render={({ field }) => (
<FormItem>
<FormLabel>Father's Phone</FormLabel>
<FormControl>
<Input type="tel" placeholder="10-digit number" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
</div> </div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-4"> <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
@@ -268,6 +179,98 @@ export default function PersonalDetailsStep({ form }: { form: any }) {
)} )}
/> />
<div className="grid grid-cols-1 gap-4">
<h3 className="text-lg font-semibold">
Parents Details (Enter atleast one parent's details)
</h3>
</div>
{/* Parent contacts */}
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<FormField
control={form.control}
name="mothersName"
render={({ field }) => (
<FormItem>
<FormLabel>Mother's Name</FormLabel>
<FormControl>
<Input placeholder="Enter your mother's name" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="mothersEmail"
render={({ field }) => (
<FormItem>
<FormLabel>Mother's Email</FormLabel>
<FormControl>
<Input type="email" placeholder="mother@example.com" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="mothersPhone"
render={({ field }) => (
<FormItem>
<FormLabel>Mother's Phone</FormLabel>
<FormControl>
<Input type="tel" placeholder="10-digit number" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<div className="hidden md:block" />
</div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<FormField
control={form.control}
name="fathersName"
render={({ field }) => (
<FormItem>
<FormLabel>Father's Name</FormLabel>
<FormControl>
<Input placeholder="Enter your father's name" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="fathersEmail"
render={({ field }) => (
<FormItem>
<FormLabel>Father's Email</FormLabel>
<FormControl>
<Input type="email" placeholder="father@example.com" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="fathersPhone"
render={({ field }) => (
<FormItem>
<FormLabel>Father's Phone</FormLabel>
<FormControl>
<Input type="tel" placeholder="10-digit number" {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
</div>
<FormField <FormField
control={form.control} control={form.control}
name="address" name="address"