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

Change youtube banner color

Browse Source
This commit is contained in:
Kamran Ahmed
2021-09-09 22:09:20 +02:00
parent 6de2867d8a
commit b6205af02c
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/sticky-banner.tsx
View File

@ -6,18 +6,18 @@ export function StickyBanner() {
return ( return (
<Flex as={Link} <Flex as={Link}
href={siteConfig.url.youtube} href={siteConfig.url.youtube}
bg={'teal.900'} bg={'yellow.300'}
color='gray.300' color='gray.900'
alignItems='center' alignItems='center'
justifyContent='center' justifyContent='center'
py='7px' py='7px'
_hover={{ textDecoration: 'none', bg: 'teal.800', color: 'gray.100' }} _hover={{ textDecoration: 'none', bg: 'yellow.400', }}
target='_blank' target='_blank'
> >
<YouTubeLogo style={{ height: '20px', display: 'inline-block', marginRight: '7px' }} /> <YouTubeLogo style={{ height: '20px', display: 'inline-block', marginRight: '7px' }} />
<Text as='span' fontWeight={500} fontSize='14px'> <Text as='span' fontWeight={500} fontSize='14px'>
<Text as='span' d={['none', 'block']}>Subscribe to our YouTube channel for the video content.</Text> <Text as='span'>We now have a YouTube Channel. <Text as='span' d={['none', 'inline']}>Subscribe for the video
<Text as='span' d={['block', 'none']}>We now have a YouTube Channel.</Text> content.</Text></Text>
</Text> </Text>
</Flex> </Flex>
); );