feat: day view for timetable on mobile

2023-12-12 12:00:24 +05:30
parent 0e2fabf139
commit e5dc2bad6a
4 changed files with 57 additions and 19 deletions
--- a/lms/public/css/style.css
+++ b/lms/public/css/style.css
@@ -2443,13 +2443,23 @@ select {
 }

 .calendar-legends {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	width: 50%;
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
+	width: 75%;
 	margin: 0 auto 1rem;
 }

+@media (max-width: 767px) {
+	.calendar-legends {
+		grid-template-columns: repeat(2, 1fr);
+		width: 100%;
+	}
+
+	.legend-item {
+		margin-bottom: 0.5rem;
+	}
+}
+
 .batch-details {
 	width: 50%;
 	margin: 2rem 0;