ForFarmTeam/ForFarm
1
0
Fork 0
mirror of https://github.com/ForFarmTeam/ForFarm.git synced 2025-12-19 14:04:08 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/app/setup/page.tsx
View File

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

2
frontend/app/setup/planting-detail-form.tsx
View File

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