style mobile calendar

2024-05-13 00:59:29 +02:00
parent 7f0a5dccb1
commit ddc0413b8b
2 changed files with 13 additions and 6 deletions
--- a/web/src/components/events/EventContainer.tsx
+++ b/web/src/components/events/EventContainer.tsx
@ -58,7 +58,13 @@ const EventCalendar = ({ events }: { events: EventFragment[] }) => {
          {Object.keys(eventsByDate[yearMonth]).map((week) => (
            <div key={week} className={styles.calendarWeek}>
              {Object.keys(eventsByDate[yearMonth][week]).map((day) => (
-                <div key={day} className={styles.calendarDay}>
+                <div
+                  key={day}
+                  className={`${styles.calendarDay} ${
+                    eventsByDate[yearMonth][week][day].length === 0 &&
+                    styles.empty
+                  }`}
+                >
                  <h3>
                    {formatDate(
                      parse(day, "yyyy-MM-dd", new Date()),