Merge branch 'master' into downloads-desktop

pull/26459/head^2
Corwin Smith 2 years ago
commit 48553b284e
  1. 236
      src/components/layouts/Footer.tsx

@ -22,132 +22,136 @@ export const Footer: FC = () => {
borderColor='brand.light.primary' borderColor='brand.light.primary'
> >
<Flex <Flex
sx={{ mt: '-2px !important' }}
borderBottom={{ borderBottom={{
base: '2px solid', base: '2px solid',
md: 'none' md: 'none'
}} }}
borderColor='brand.light.primary' borderColor='brand.light.primary'
> >
<NextLink href={DOWNLOADS_PAGE} passHref> <Stack
<Link flex={1}
flex={1} color='brand.light.primary'
color='brand.light.primary' _hover={{
_hover={{ textDecoration: 'none',
textDecoration: 'none', bg: 'brand.light.primary',
bg: 'brand.light.primary', color: 'yellow.50 !important'
color: 'yellow.50 !important' }}
}} justifyContent='center'
height='full' borderRight='2px solid'
borderRight='2px solid' borderColor='brand.light.primary'
borderColor='brand.light.primary' >
> <NextLink href={DOWNLOADS_PAGE} passHref>
<Text textStyle='home-section-link-label'>DOWNLOADS</Text> <Link _hover={{ textDecoration: 'none' }}>
</Link> <Text textStyle='home-section-link-label'>DOWNLOADS</Text>
</NextLink> </Link>
</NextLink>
</Stack>
<NextLink href={DOCS_PAGE} passHref> <Stack
<Link flex={1}
flex={1} color='brand.light.primary'
color='brand.light.primary' _hover={{
_hover={{ textDecoration: 'none',
textDecoration: 'none', bg: 'brand.light.primary',
bg: 'brand.light.primary', color: 'yellow.50 !important'
color: 'yellow.50 !important' }}
}} borderRight={{
height='full' base: 'none',
borderRight={{ md: '2px solid'
base: 'none', }}
md: '2px solid' borderColor='brand.light.primary'
}} justifyContent='center'
borderColor='brand.light.primary' >
> <NextLink href={DOCS_PAGE} passHref>
<Text textStyle='home-section-link-label'>DOCUMENTATION</Text> <Link _hover={{ textDecoration: 'none' }}>
</Link> <Text textStyle='home-section-link-label'>DOCUMENTATION</Text>
</NextLink> </Link>
</NextLink>
</Stack>
</Flex> </Flex>
<Flex> <Flex sx={{ mt: '0 !important' }}>
<NextLink href={GETH_TWITTER_URL} passHref> <Stack
<Link flex={1}
isExternal data-group
p={4} borderLeft={{
display='flex' base: 'none',
flex={1} md: '2px solid',
data-group lg: 'none'
borderLeft={{ }}
base: 'none', borderColor='brand.light.primary !important'
md: '2px solid', _hover={{
lg: 'none' bg: 'brand.light.primary',
}} }}
borderColor='brand.light.primary !important' alignItems='center'
_hover={{ p={4}
bg: 'brand.light.primary' >
}} <NextLink href={GETH_TWITTER_URL} passHref>
justifyContent='center' <Link isExternal>
> <TwitterIcon
<TwitterIcon w={8}
w={6} height={8}
height={6} _groupHover={{
margin='auto' svg: {
_groupHover={{ path:{fill: 'yellow.50 !important'}
svg: { }
path: { fill: 'yellow.50 !important' } }}
} />
}} </Link>
/> </NextLink>
</Link> </Stack>
</NextLink>
<NextLink href={GETH_DISCORD_URL} passHref> <Stack
<Link data-group
isExternal flex={1}
p={4} _hover={{
data-group bg: 'brand.light.primary',
display='flex' }}
flex={1} alignItems='center'
_hover={{ borderWidth='2px'
bg: 'brand.light.primary' borderStyle='none solid'
}} borderColor='brand.light.primary'
justifyContent='center' p={4}
borderWidth='2px' >
borderStyle='none solid' <NextLink href={GETH_DISCORD_URL} passHref>
borderColor='brand.light.primary' <Link isExternal>
> <DiscordIcon
<DiscordIcon w={8}
w={6} height={8}
height={6} _groupHover={{
_groupHover={{ svg: {
svg: { path:{fill: 'yellow.50 !important'}
path: { fill: 'yellow.50 !important' } }
} }}
}} />
/> </Link>
</Link> </NextLink>
</NextLink> </Stack>
<NextLink href={GETH_REPO_URL} passHref> <Stack
<Link data-group
isExternal flex={1}
p={4} _hover={{
data-group bg: 'brand.light.primary',
flex={1} }}
display='flex' alignItems='center'
_hover={{ p={4}
bg: 'brand.light.primary' >
}} <NextLink href={GETH_REPO_URL} passHref>
justifyContent='center' <Link isExternal>
> <GitHubIcon
<GitHubIcon w={7}
w={6} height={7}
height={6} _groupHover={{
_groupHover={{ svg: {
svg: { path:{fill: 'yellow.50 !important'}
path: { fill: 'yellow.50 !important' } }
} }}
}} />
/> </Link>
</Link> </NextLink>
</NextLink> </Stack>
</Flex> </Flex>
</Flex> </Flex>
@ -163,7 +167,7 @@ export const Footer: FC = () => {
borderColor='brand.light.primary' borderColor='brand.light.primary'
flex={1} flex={1}
> >
<Text textStyle='footer-text'>© 20132022. The go-ethereum Authors.</Text> <Text textStyle='footer-text'>{`© 2013–${new Date().getFullYear()}. The go-ethereum Authors.`}</Text>
</Stack> </Stack>
</Flex> </Flex>
); );

Loading…
Cancel
Save