update App.js, src/components/FormInput/index.js and src/components/TestComponentNew/index.js

master
mahdi andalib 2 years ago
parent 73829d14d8
commit 8ce55208ea
  1. 2
      src/App.js
  2. 11
      src/components/FormInput/index.js
  3. 2
      src/components/TestComponentNew/index.js

@ -271,7 +271,7 @@ function App() {
{/* <LeafletMap /> */} {/* <LeafletMap /> */}
{/* <Digikala /> */} {/* <Digikala /> */}
<TestComponentNew /> {/* <TestComponentNew /> */}
</div> </div>
</Provider> </Provider>
); );

@ -6,25 +6,22 @@ import Input from "./Input";
const FormInput = () => { const FormInput = () => {
const { register, getValues } = useForm(); const { register, getValues } = useForm();
return ( return (
<div className="mx-72 mt-20 flex flex-row items-center justify-between divide-x-4 divide-red-600 divide-dashed divide-x-reverse bg-white p-7 border border-gray-200 rounded-sm shadow-sm"> <div className="mx-72 mt-20 flex flex-row items-center justify-between divide-x-2 divide-[#F3F3F3] divide-x-reverse bg-white p-4 py-7 border border-gray-200 rounded-sm shadow-sm">
{/* right */} <div className="flex-grow px-4">
<div className="bg-red-200">
<Input <Input
register={register("firstName")} register={register("firstName")}
// defaultValue={info?.firstName} // defaultValue={info?.firstName}
label="نام " label="نام "
/> />
</div> </div>
{/* middle */} <div className="flex-grow px-4">
<div>
<Input <Input
register={register("firstName")} register={register("firstName")}
// defaultValue={info?.firstName} // defaultValue={info?.firstName}
label="نام " label="نام "
/> />
</div> </div>
{/* left */} <div className="flex-grow px-4">
<div>
<Input <Input
register={register("firstName")} register={register("firstName")}
// defaultValue={info?.firstName} // defaultValue={info?.firstName}

@ -9,7 +9,7 @@ const TestComponentNew = () => {
return ( return (
<div> <div>
<div className="flex mx-auto w-3/5 justify-between divide-x-2 divide-x-reverse bg-red-50"> <div className="flex mx-72 justify-between divide-x-2 divide-x-reverse bg-red-50">
<div className="flex-grow text-center font-bold bg-blue-400 px-5"> <div className="flex-grow text-center font-bold bg-blue-400 px-5">
<Input <Input
register={register("firstName")} register={register("firstName")}

Loading…
Cancel
Save