feat: improve layout of planting and harvest details sections with centered headings and updated form structure

This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2025-02-13 22:13:24 +07:00
parent 6ee05338ad
commit e76aca28d3
2 changed files with 9 additions and 3 deletions

View File

@ -4,11 +4,17 @@ import { Separator } from "@/components/ui/separator";
export default function SetupPage() {
return (
<div className="p-5">
<h1 className="text-2xl">Plating Details</h1>
<div className=" flex justify-center">
<h1 className="flex text-2xl ">Plating Details</h1>
</div>
<Separator className="mt-3" />
<div className="mt-3">
<div className="mt-10 flex justify-center">
<PlantingDetailsForm />
</div>
<div className=" flex justify-center mt-20">
<h1 className="flex text-2xl ">Harvest Details</h1>
</div>
<Separator className="mt-3" />
</div>
);
}

View File

@ -32,7 +32,7 @@ export default function PlantingDetailsForm() {
});
return (
<Form {...form}>
<form className="space-y-5">
<form className="grid grid-cols-3 gap-5">
<FormField
control={form.control}
name="daysToEmerge"