gaspersic/developer-roadmap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix badge alignment

Browse Source
This commit is contained in:
Kamran Ahmed
2021-08-14 20:32:43 +02:00
parent b4ce36fb04
commit d80327c8e8
3 changed files with 4 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/watch/components/video-list-item.tsx
View File

@@ -30,7 +30,7 @@ export function VideoListItem(props: VideoListItemProps) {
<Flex alignItems='center' className='video-title' transition={'200ms'}>
<VideoIcon style={{ width: '18px', height: '18px', color: '#9c9c9c' }} />
<Text as='span' ml='7px'>{title}</Text>
{isPro && <Badge variant='subtle' colorScheme='purple' ml='10px'>Pro</Badge>}
{isPro && <Badge pos='relative' top='1px' variant='subtle' colorScheme='purple' ml='10px'>Pro</Badge>}
</Flex>
<Text as='span' fontWeight={500} color='gray.400' fontSize='12px' ml='10px'>{duration}</Text>
</Link>