From 9b9dfac9e8dee0c369572c3f74c7e264732d13a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D8=AD=D8=B3=DB=8C=D9=86=20=D9=85=D8=B9=D8=B5=D9=88=D9=85?=
 =?UTF-8?q?=DB=8C=20=D9=BE=D9=88=D8=B1?= <hosseinmasoomi506@gmail.com>
Date: Tue, 5 Mar 2024 10:01:13 +0330
Subject: [PATCH] change style shift plan

---
 src/app/shifts/page.jsx | 26 +++++++++-----------------
 1 file changed, 9 insertions(+), 17 deletions(-)

diff --git a/src/app/shifts/page.jsx b/src/app/shifts/page.jsx
index 1b2afd9..6b67856 100644
--- a/src/app/shifts/page.jsx
+++ b/src/app/shifts/page.jsx
@@ -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>
                 </>