- |
- {day}
+ |
+ {day}
+ {day.slice(0, 3)}
|
{HOURS.map((hour) => {
const key = `${day}-${hour}`;
@@ -125,7 +128,7 @@ const ModalContent = ({
!isBlocked && toggleSlot(day, hour)}
- className={`border border-gray-600 p-1 transition-colors min-w-[60px] min-h-[50px] ${
+ className={`border border-gray-600 p-1 transition-colors min-w-[50px] sm:min-w-[60px] min-h-[40px] sm:min-h-[50px] ${
isBlocked
? "bg-red-900 cursor-not-allowed"
: isSelected
@@ -142,21 +145,29 @@ const ModalContent = ({
-
+
-
- Available time
+
+
+ Available time
+
{bookedSlots.length > 0 && (
-
- Regular Students
+
+
+ Regular Students
+
)}
-
- |