master
mahdi andalib 3 years ago
parent 6c35088051
commit 88a6324867
  1. 28
      src/components/ReactTable4/EditRow.js

@ -343,23 +343,28 @@ rder p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200
</p> </p>
</div> </div>
{/* bottom */} {/* bottom */}
<div className="flex flex-1 items-center"> <div className="flex flex-row items-center">
{/* right */}
<div className="flex items-center w-10/12">
{/* map */} {/* map */}
<div className=""> <div className=" mx-2">
<span className="text-xs mr-2" style={{ color: "#65A9FF" }}> <span className="text-xs mr-2" style={{ color: "#65A9FF" }}>
لوکیشن مد نظر: لوکیشن مد نظر:
</span> </span>
<img className="my-2 mr-2 border rounded" src={map} /> <img
className="my-2 mr-2 border border-blue-300 rounded"
src={map}
/>
</div> </div>
{/* formInput */} {/* formInput */}
<div className="flex flex-col flex-1"> <div className="flex flex-col flex-1 mx-2">
<span className="text-sm mb-2" style={{ color: "#65A9FF" }}> <span className="text-sm mb-2" style={{ color: "#65A9FF" }}>
توضیحات: توضیحات:
</span> </span>
<form className="flex flex-col "> <form className="flex flex-col ">
<input <input
placeholder="موضوع" placeholder="موضوع"
className="text-xs placeholder-blue-300 rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="text-xs mb-2 placeholder-blue-300 rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
style={{ style={{
backgroundColor: "#F8FBFF", backgroundColor: "#F8FBFF",
borderColor: "#C8DEF9", borderColor: "#C8DEF9",
@ -368,7 +373,7 @@ rder p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200
/> />
<textarea <textarea
placeholder="متن" placeholder="متن"
className="resize-none placeholder-blue-300 text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20" className="resize-none w-full h-32 placeholder-blue-300 text-xs rounded-sm border p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200 focus:ring-opacity-20"
style={{ style={{
backgroundColor: "#F8FBFF", backgroundColor: "#F8FBFF",
borderColor: "#C8DEF9", borderColor: "#C8DEF9",
@ -378,10 +383,12 @@ rder p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200
</form> </form>
</div> </div>
{/* previous */} {/* previous */}
<div className="flex flex-col relative"> <div className="flex flex-col relative mx-2">
{/* title */}
<span className="text-sm mb-2" style={{ color: "#65A9FF" }}> <span className="text-sm mb-2" style={{ color: "#65A9FF" }}>
توضیحات قبلی: توضیحات قبلی:
</span> </span>
{/* content */}
<div <div
style={{ style={{
backgroundColor: "#F8FBFF", backgroundColor: "#F8FBFF",
@ -389,7 +396,8 @@ rder p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200
}} }}
className="rounded-md border cursor-pointer h-44 no-scrollbar overflow-y-scroll " className="rounded-md border cursor-pointer h-44 no-scrollbar overflow-y-scroll "
> >
{sentForms.slice(0, 4).map((sentForm, index) => ( {/* {sentForms.slice(0, 4).map((sentForm, index) => ( */}
{sentForms.map((sentForm, index) => (
<div> <div>
{/* content */} {/* content */}
<div className="p-2"> <div className="p-2">
@ -415,12 +423,16 @@ rder p-2 focus:outline-none focus:border-blue-200 focus:ring focus:ring-blue-200
</div> </div>
))} ))}
</div> </div>
{/* left border */}
<div <div
style={{ bottom: "33%", backgroundColor: "#C8DEF9" }} style={{ bottom: "33%", backgroundColor: "#C8DEF9" }}
className="absolute left-0.5 transform -translate-x-1/2 -translate-y-1/2 w-1 h-14 rounded" className="absolute left-0.5 transform -translate-x-1/2 -translate-y-1/2 w-1 h-14 rounded"
></div> ></div>
</div> </div>
</div> </div>
{/* left */}
<div className="w-2/12 flex justify-end">dfsfdsdfs</div>
</div>
</section> </section>
); );
}; };

Loading…
Cancel
Save