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

@ -343,83 +343,95 @@ 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">
{/* map */} {/* right */}
<div className=""> <div className="flex items-center w-10/12">
<span className="text-xs mr-2" style={{ color: "#65A9FF" }}> {/* map */}
لوکیشن مد نظر: <div className=" mx-2">
</span> <span className="text-xs mr-2" style={{ color: "#65A9FF" }}>
<img className="my-2 mr-2 border rounded" src={map} /> لوکیشن مد نظر:
</div> </span>
{/* formInput */} <img
<div className="flex flex-col flex-1"> className="my-2 mr-2 border border-blue-300 rounded"
<span className="text-sm mb-2" style={{ color: "#65A9FF" }}> src={map}
توضیحات:
</span>
<form className="flex flex-col ">
<input
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"
style={{
backgroundColor: "#F8FBFF",
borderColor: "#C8DEF9",
color: "#00253A",
}}
/> />
<textarea </div>
placeholder="متن" {/* formInput */}
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" <div className="flex flex-col flex-1 mx-2">
<span className="text-sm mb-2" style={{ color: "#65A9FF" }}>
توضیحات:
</span>
<form className="flex flex-col ">
<input
placeholder="موضوع"
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={{
backgroundColor: "#F8FBFF",
borderColor: "#C8DEF9",
color: "#00253A",
}}
/>
<textarea
placeholder="متن"
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={{
backgroundColor: "#F8FBFF",
borderColor: "#C8DEF9",
color: "#00253A",
}}
></textarea>
</form>
</div>
{/* previous */}
<div className="flex flex-col relative mx-2">
{/* title */}
<span className="text-sm mb-2" style={{ color: "#65A9FF" }}>
توضیحات قبلی:
</span>
{/* content */}
<div
style={{ style={{
backgroundColor: "#F8FBFF", backgroundColor: "#F8FBFF",
borderColor: "#C8DEF9", borderColor: "#C8DEF9",
color: "#00253A",
}} }}
></textarea> className="rounded-md border cursor-pointer h-44 no-scrollbar overflow-y-scroll "
</form> >
</div> {/* {sentForms.slice(0, 4).map((sentForm, index) => ( */}
{/* previous */} {sentForms.map((sentForm, index) => (
<div className="flex flex-col relative"> <div>
<span className="text-sm mb-2" style={{ color: "#65A9FF" }}> {/* content */}
توضیحات قبلی: <div className="p-2">
</span> <p className="text-xs" style={{ color: "#00253A" }}>
<div {sentForm.title}
style={{ </p>
backgroundColor: "#F8FBFF", <p
borderColor: "#C8DEF9", className="text-xs text-left mt-2"
}} style={{ color: "#6397B5" }}
className="rounded-md border cursor-pointer h-44 no-scrollbar overflow-y-scroll " >
> <span>تاریخ:</span>
{sentForms.slice(0, 4).map((sentForm, index) => ( {" "}
<div> {sentForm.date}
{/* content */} </p>
<div className="p-2"> </div>
<p className="text-xs" style={{ color: "#00253A" }}> {/* border */}
{sentForm.title} {Number(index) !== sentForms.length - 1 && (
</p> <div
<p className="border"
className="text-xs text-left mt-2" style={{ borderColor: "#C8DEF9" }}
style={{ color: "#6397B5" }} ></div>
> )}
<span>تاریخ:</span>
{" "}
{sentForm.date}
</p>
</div> </div>
{/* border */} ))}
{Number(index) !== sentForms.length - 1 && ( </div>
<div {/* left border */}
className="border" <div
style={{ borderColor: "#C8DEF9" }} style={{ bottom: "33%", backgroundColor: "#C8DEF9" }}
></div> className="absolute left-0.5 transform -translate-x-1/2 -translate-y-1/2 w-1 h-14 rounded"
)} ></div>
</div>
))}
</div> </div>
<div
style={{ bottom: "33%", backgroundColor: "#C8DEF9" }}
className="absolute left-0.5 transform -translate-x-1/2 -translate-y-1/2 w-1 h-14 rounded"
></div>
</div> </div>
{/* left */}
<div className="w-2/12 flex justify-end">dfsfdsdfs</div>
</div> </div>
</section> </section>
); );

Loading…
Cancel
Save