changed acc to code rabbit

PalisadoesFoundation · Dec 9, 2024 · 8e9734e · 8e9734e
1 parent 0ca6a84
commit 8e9734e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/components/EventCalendar/EventCalendar.module.css b/src/components/EventCalendar/EventCalendar.module.css
@@ -484,7 +484,7 @@
   /* Holiday colors */
   --color-holiday-indicator: rgba(0, 0, 0, 0.15);
   --color-holiday-date: rgba(255, 152, 0, 1);
-
+  --mobile-breakpoint: 700px;
   /* Text colors */
   --color-text-primary: rgba(51, 51, 51, 1);
   --color-text-secondary: rgba(85, 85, 85, 1);
@@ -501,7 +501,7 @@
   font-size: 14px;
   color: #555555;
 }
-@media only screen and (max-width: 700px) {
+@media only screen and (max-width: var(--mobile-breakpoint)) {
   .listContainer,
   .eventsLegend {
     gap: 4px;

diff --git a/src/components/EventCalendar/EventCalendar.tsx b/src/components/EventCalendar/EventCalendar.tsx
@@ -326,7 +326,11 @@ const Calendar: React.FC<InterfaceCalendarProps> = ({
         </div>
 
         <div className={styles.calendar_infocards}>
-          <div className={styles.holidays_card}>
+          <div
+            className={styles.holidays_card}
+            role="region"
+            aria-label="Holidays"
+          >
             <h3 className={styles.card_title}>Holidays</h3>
             <ul className={styles.card_list}>
               {filteredHolidays.map((holiday, index) => (
@@ -341,7 +345,7 @@ const Calendar: React.FC<InterfaceCalendarProps> = ({
             </ul>
           </div>
 
-          <div className={styles.events_card}>
+          <div className={styles.events_card} role="region" aria-label="Events">
             <h3 className={styles.card_title}>Events</h3>
             <div className={styles.legend}>
               <div className={styles.listContainer}>