button hover in header

This commit is contained in:
Corwin Smith 2022-10-26 12:14:03 -06:00
parent 121de87465
commit e70b660c0c
1 changed files with 12 additions and 2 deletions

View File

@ -37,6 +37,12 @@ export const Header: FC = () => {
borderRight='2px solid' borderRight='2px solid'
borderColor='brand.light.primary' borderColor='brand.light.primary'
display={{ base: 'none', md: 'block' }} display={{ base: 'none', md: 'block' }}
color='brand.light.primary'
_hover={{
textDecoration: 'none',
bg: 'brand.light.primary',
color: 'yellow.50 !important'
}}
> >
<NextLink href={DOWNLOADS_PAGE} passHref> <NextLink href={DOWNLOADS_PAGE} passHref>
<Link _hover={{ textDecoration: 'none' }}> <Link _hover={{ textDecoration: 'none' }}>
@ -44,7 +50,6 @@ export const Header: FC = () => {
fontFamily='"JetBrains Mono", monospace' fontFamily='"JetBrains Mono", monospace'
fontWeight={700} fontWeight={700}
fontSize={{ base: '0.86rem', sm: '1rem' }} fontSize={{ base: '0.86rem', sm: '1rem' }}
color='brand.light.primary'
textTransform='uppercase' textTransform='uppercase'
> >
downloads downloads
@ -59,6 +64,12 @@ export const Header: FC = () => {
justifyContent='center' justifyContent='center'
borderRight={{ base: 'none', md: '2px solid #11866f' }} borderRight={{ base: 'none', md: '2px solid #11866f' }}
display={{ base: 'none', md: 'block' }} display={{ base: 'none', md: 'block' }}
color='brand.light.primary'
_hover={{
textDecoration: 'none',
bg: 'brand.light.primary',
color: 'yellow.50 !important'
}}
> >
<NextLink href={DOCS_PAGE} passHref> <NextLink href={DOCS_PAGE} passHref>
<Link _hover={{ textDecoration: 'none' }}> <Link _hover={{ textDecoration: 'none' }}>
@ -66,7 +77,6 @@ export const Header: FC = () => {
fontFamily='"JetBrains Mono", monospace' fontFamily='"JetBrains Mono", monospace'
fontWeight={700} fontWeight={700}
fontSize={{ base: '0.86rem', sm: '1rem' }} fontSize={{ base: '0.86rem', sm: '1rem' }}
color='brand.light.primary'
textTransform='uppercase' textTransform='uppercase'
> >
documentation documentation