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) => (
<>
<div
className={` bg-gray-200 rounded-xl p-5 my-3 tr03 ${
shiftPlansSelect == index ? "h-fit " : "h-[65px]"
className={` p-5 border-b border-gray-200 tr03 ${
shiftPlansSelect == index
? "h-fit bg-white rounded-2xl "
: "h-[65px]"
}`}
>
<div
className={`flex justify-between ${
shiftPlansSelect == index
? "border-b border-gray-300 pb-3"
? "border-b-[1px] border-gray-200 pb-3"
: ""
}`}
onClick={() => setShiftPlansSelect(index)}
@ -148,7 +150,7 @@ const Shifts = (props) => {
/>
</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">
<PersianNumber
number={e.data.length}
@ -160,26 +162,16 @@ const Shifts = (props) => {
</div>
{shiftPlansSelect == index && (
<div className="flex">
<>
{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">
{" "}
{e.shiftTitle}
</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>
</>