bubble/educt-client
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/educt-client.git synced 2026-10-11 18:29:15 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: video lesson layout

Browse Source
This commit is contained in:
Sergey Yarkov 2022-06-04 22:14:37 +03:00
parent d366c05d55
commit 7d9a9f7d19
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/lesson/lesson.tsx
View File

@ -152,11 +152,17 @@ const LessonPage: React.FC<IPageProps> = () => {
<Page.Content> <Page.Content>
<Grid templateColumns={{ base: '1fr', xl: '3fr 1fr' }}> <Grid templateColumns={{ base: '1fr', xl: '3fr 1fr' }}>
<GridItem> <GridItem>
<Box> <Box overflowY='hidden'>
{lesson.video ? ( {lesson.video ? (
<ReactPlayer width={'100%'} height={'100%'} controls url={constants.BACKEND_URL + lesson.video.url} /> <ReactPlayer
style={{ backgroundColor: '#000' }}
width={'100%'}
height={'547px'}
controls
url={constants.BACKEND_URL + lesson.video.url}
/>
) : ( ) : (
<Flex h='500px' justifyContent={'center'} alignItems={'center'}> <Flex h='547px' justifyContent={'center'} alignItems={'center'}>
<Text color='gray.500' userSelect={'none'}> <Text color='gray.500' userSelect={'none'}>
Video has not been uploaded yet. Video has not been uploaded yet.
</Text> </Text>
@ -192,7 +198,7 @@ const LessonPage: React.FC<IPageProps> = () => {
</GridItem> </GridItem>
<GridItem minWidth={'250px'}> <GridItem minWidth={'250px'}>
<Box> <Box>
<Stack maxH={'500px'} overflowY={'scroll'} spacing={'0'}> <Stack maxH={'547px'} minH={'547px'} overflowY={'scroll'} spacing={'0'}>
{lessons.map((lesson, i) => ( {lessons.map((lesson, i) => (
<LinkBox <LinkBox
ref={lesson.id === id ? currentLessonRef : undefined} ref={lesson.id === id ? currentLessonRef : undefined}