add modal filter & responsive head doctors & buttons

2024-08-17 20:32:07 +03:30
parent d3f967ca67
commit cd3b783abd
11 changed files with 168 additions and 37 deletions
@@ -37,12 +37,12 @@ function ItemDoctor({ doctor }) {
            </div>

            {/* Hours of work */}
-            <div className="flex my-4 items-center justify-start gap-0.5">
+            <div className="flex my-4 items-start justify-start gap-0.5">
                <ClockD />
                <p className="text-[#7E7E7E] text-[12px] font-normal">ساعت کاری: {doctor.hours_of_work}</p>
            </div>
            <p
-                className={`text-[12px] font-medium rounded w-fit p-1.5
+                className={`text-[12px] font-medium rounded w-fit p-1.5 ml-[52px]
                    ${doctor.free_turn ?
                        'bg-[rgba(5,_186,_88,_0.04)] text-[#05BA58]' :
                        'bg-[rgba(211,_47,_47,_0.04)] text-[#D32F2F]'