Skip to content

Commit

Permalink
OV-38: + number of videos indicator
Browse files Browse the repository at this point in the history
  • Loading branch information
Sanchousina committed Aug 22, 2024
1 parent 21943da commit f0b47b7
Showing 1 changed file with 20 additions and 4 deletions.
Original file line number Diff line number Diff line change
@@ -1,14 +1,30 @@
import { Box, Heading, SimpleGrid } from '@chakra-ui/react';
import { Box, Flex, Heading, SimpleGrid } from '@chakra-ui/react';

import { VideoCard } from '../video-card/video-card.js';

const VideoSection: React.FC = () => {
return (
<>
<Box padding="17px 28px">
<Heading color="typography.900" variant="H3" marginBottom="9px">
Videos
</Heading>
<Flex alignItems="center" marginBottom="9px">
<Heading
color="typography.900"
variant="H3"
marginRight="11px"
>
Videos
</Heading>
<Box
w="34px"
h="23px"
bg="#D1D4DB"
color="background.600"
textAlign="center"
borderRadius="3px"
>
23
</Box>
</Flex>
<SimpleGrid minChildWidth="253px" spacing="20px">
<VideoCard />
<VideoCard />
Expand Down

0 comments on commit f0b47b7

Please sign in to comment.