fix schedule on mobile

nwplus · Oct 29, 2024 · afb3bf6 · afb3bf6
1 parent 038b124
commit afb3bf6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/Schedule/Event.jsx b/src/components/Schedule/Event.jsx
@@ -76,7 +76,7 @@ const EventCard = styled(Card)`
       margin-right: 0;
       margin-top: -0.5em;
       width: 100%;
-      height: ${MOBILE_HOUR_HEIGHT - EVENT_GAP} px;
+      height: ${MOBILE_HOUR_HEIGHT - EVENT_GAP}px;
     }
   }
 

diff --git a/src/components/Schedule/Schedule.jsx b/src/components/Schedule/Schedule.jsx
@@ -45,6 +45,7 @@ const MobileScrollableContainer = styled.div`
   margin-top: 1em;
   border-radius: 10px;
   background: #244556;
+  background: ${p => p.theme.colors.schedule.background};
   &:after {
     content: '';
     position: fixed;
@@ -338,7 +339,7 @@ const Schedule = ({ events, hackathonStart, hackathonEnd }) => {
         <MobileOverflowContainer>
           <HeaderContainer>
             <Header>Day-Of-Events Schedule</Header>
-            <TagLegend />
+            <TagLegend theme={theme} />
           </HeaderContainer>
           <MobileScrollableContainer>
             <ScheduleFlexContainer>