feat: style video in expanding container

oaknational · Dec 19, 2022 · 0b4c46e · 0b4c46e
1 parent 20dfd4f
commit 0b4c46e
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/src/pages/beta/teachers/lessons/[lessonSlug].tsx b/src/pages/beta/teachers/lessons/[lessonSlug].tsx
@@ -155,13 +155,16 @@ const LessonOverviewPage: NextPage<LessonOverviewPageProps> = ({
           <Box>Presentaion element</Box>
         </ExpandingContainer>
         <ExpandingContainer title={"Video"} downloadable={true}>
-          {/* video goes here */}
-          <VideoPlayer
-            playbackId={video}
-            playbackPolicy={"signed"}
-            title={lessonTitle}
-            location={"lesson"}
-          />
+          <Flex $mt={[0, 16]} $justifyContent={"center"} $width={"100%"}>
+            <Box $maxWidth={["100%", 840]}>
+              <VideoPlayer
+                playbackId={video}
+                playbackPolicy={"signed"}
+                title={lessonTitle}
+                location={"lesson"}
+              />
+            </Box>
+          </Flex>
         </ExpandingContainer>
         <ExpandingContainer title={"Worksheet"} downloadable={true}>
           <Box>Worksheet element</Box>