fix(fix input name size): register input name size fixed

This commit is contained in:
Laurian-Dufrechou
2023-03-19 17:13:37 +01:00
parent 0a4359d916
commit 96db0da60b
+10 -10
View File
@@ -65,7 +65,7 @@ export default function Register() {
<form onSubmit={handleSubmit(onRegister)}> <form onSubmit={handleSubmit(onRegister)}>
<FormControl isInvalid={errors.name}> <FormControl isInvalid={errors.name}>
<Flex mb={"1rem"} gap={5}> <Flex mb={"1rem"} gap={5}>
<Box> <FormControl>
<FormLabel>Prénom</FormLabel> <FormLabel>Prénom</FormLabel>
<Input <Input
id="prenom" id="prenom"
@@ -75,8 +75,8 @@ export default function Register() {
required: "This is required", required: "This is required",
})} })}
/> />
</Box> </FormControl>
<Box> <FormControl>
<FormLabel>Nom</FormLabel> <FormLabel>Nom</FormLabel>
<Input <Input
id="nom" id="nom"
@@ -86,9 +86,9 @@ export default function Register() {
required: "This is required", required: "This is required",
})} })}
/> />
</Box> </FormControl>
</Flex> </Flex>
<Box mb={"1rem"}> <FormControl mb={"1rem"}>
<FormLabel>Adresse email</FormLabel> <FormLabel>Adresse email</FormLabel>
<Input <Input
id="email" id="email"
@@ -98,8 +98,8 @@ export default function Register() {
required: "This is required", required: "This is required",
})} })}
/> />
</Box> </FormControl>
<Box mb={"1rem"}> <FormControl mb={"1rem"}>
<FormLabel>Mot de passe</FormLabel> <FormLabel>Mot de passe</FormLabel>
<Input <Input
id="pwd" id="pwd"
@@ -109,9 +109,9 @@ export default function Register() {
required: "This is required", required: "This is required",
})} })}
/> />
</Box> </FormControl>
{/* Il y a une margin en trop mais je me suis dit que c'etais mieux d'avoir plus d'expace entre les deux */} {/* Il y a une margin en trop mais je me suis dit que c'etais mieux d'avoir plus d'expace entre les deux */}
<Box mb={"1rem"}> <FormControl mb={"1rem"}>
<FormLabel>Confirmation du mot de passe</FormLabel> <FormLabel>Confirmation du mot de passe</FormLabel>
<Input <Input
id="pwd_bis" id="pwd_bis"
@@ -121,7 +121,7 @@ export default function Register() {
required: "This is required", required: "This is required",
})} })}
/> />
</Box> </FormControl>
<FormErrorMessage> <FormErrorMessage>
{errors.name && errors.name.message} {errors.name && errors.name.message}