forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-05-11 10:36:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix footer regression (#29)

Browse source 
* fix footer regression

* fix social icon and copyright date
This commit is contained in:
Corwin Smith 2022-11-15 20:24:27 +01:00 committed by GitHub
parent 0686ef1bee
commit 86ada0d098
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 120 additions and 118 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

238
src/components/layouts/Footer.tsx
View file

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