Brizco
/
web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change style shift plan

main
حسین معصومی پور 2024-03-05 10:01:13 +03:30
parent 571af306c1
commit 9b9dfac9e8
1 changed files with 9 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/shifts/page.jsx
View File

@ -130,14 +130,16 @@ const Shifts = (props) => {
{shiftplans?.map((e, index) => ( {shiftplans?.map((e, index) => (
<> <>
<div <div
className={` bg-gray-200 rounded-xl p-5 my-3 tr03 ${ className={` p-5 border-b border-gray-200 tr03 ${
shiftPlansSelect == index ? "h-fit " : "h-[65px]" shiftPlansSelect == index
? "h-fit bg-white rounded-2xl "
: "h-[65px]"
}`} }`}
> >
<div <div
className={`flex justify-between ${ className={`flex justify-between ${
shiftPlansSelect == index shiftPlansSelect == index
? "border-b border-gray-300 pb-3" ? "border-b-[1px] border-gray-200 pb-3"
: "" : ""
}`} }`}
onClick={() => setShiftPlansSelect(index)} onClick={() => setShiftPlansSelect(index)}
@ -148,7 +150,7 @@ const Shifts = (props) => {
/> />
</div> </div>
<div className="bg-gray-500 fit rounded-xl p-1 px-2 h-fit"> <div className="bg-gray-400 fit rounded-xl p-1 px-2 h-fit">
<p className="mb-0 text-sm text-white"> <p className="mb-0 text-sm text-white">
<PersianNumber <PersianNumber
number={e.data.length} number={e.data.length}
@ -160,26 +162,16 @@ const Shifts = (props) => {
</div> </div>
{shiftPlansSelect == index && ( {shiftPlansSelect == index && (
<div className="flex"> <>
{e.data.map((e) => ( {e.data.map((e) => (
<div className="ml-2 bg-white rounded-xl mt-3 p-2"> <div className="ml-2 rounded-xl mt-3 p-2">
<p className="text-sm mb-0 text-gray-700 font-medium"> <p className="text-sm mb-0 text-gray-700 font-medium">
{" "} {" "}
{e.shiftTitle} {e.shiftTitle}
</p> </p>
<div className="flex justify-center">
<p className="mb-0 text-[12px] text-center w-fit bg-primary-100 px-1 rounded-xl mt-2 ">
<PersianNumber
number={e.totalActivitiesCount}
style={"ml-1 !text-[12px]"}
/>
فعالیت
</p>
</div>
</div> </div>
))} ))}
</div> </>
)} )}
</div> </div>
</> </>