tornadocontrib/go-ethereum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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'
>
<Flex
sx={{ mt: '-2px !important' }}
borderBottom={{
base: '2px solid',
md: 'none'
}}
borderColor='brand.light.primary'
>
<NextLink href={DOWNLOADS_PAGE} passHref>
<Link
flex={1}
color='brand.light.primary'
_hover={{
textDecoration: 'none',
bg: 'brand.light.primary',
color: 'yellow.50 !important'
}}
height='full'
borderRight='2px solid'
borderColor='brand.light.primary'
>
<Text textStyle='home-section-link-label'>DOWNLOADS</Text>
</Link>
</NextLink>
<Stack
flex={1}
color='brand.light.primary'
_hover={{
textDecoration: 'none',
bg: 'brand.light.primary',
color: 'yellow.50 !important'
}}
justifyContent='center'
borderRight='2px solid'
borderColor='brand.light.primary'
>
<NextLink href={DOWNLOADS_PAGE} passHref>
<Link _hover={{ textDecoration: 'none' }}>
<Text textStyle='home-section-link-label'>DOWNLOADS</Text>
</Link>
</NextLink>
</Stack>
<NextLink href={DOCS_PAGE} passHref>
<Link
flex={1}
color='brand.light.primary'
_hover={{
textDecoration: 'none',
bg: 'brand.light.primary',
color: 'yellow.50 !important'
}}
height='full'
borderRight={{
base: 'none',
md: '2px solid'
}}
borderColor='brand.light.primary'
>
<Text textStyle='home-section-link-label'>DOCUMENTATION</Text>
</Link>
</NextLink>
<Stack
flex={1}
color='brand.light.primary'
_hover={{
textDecoration: 'none',
bg: 'brand.light.primary',
color: 'yellow.50 !important'
}}
borderRight={{
base: 'none',
md: '2px solid'
}}
borderColor='brand.light.primary'
justifyContent='center'
>
<NextLink href={DOCS_PAGE} passHref>
<Link _hover={{ textDecoration: 'none' }}>
<Text textStyle='home-section-link-label'>DOCUMENTATION</Text>
</Link>
</NextLink>
</Stack>
</Flex>
<Flex>
<NextLink href={GETH_TWITTER_URL} passHref>
<Link
isExternal
p={4}
display='flex'
flex={1}
data-group
borderLeft={{
base: 'none',
md: '2px solid',
lg: 'none'
}}
borderColor='brand.light.primary !important'
_hover={{
bg: 'brand.light.primary',
}}
justifyContent='center'
>
<TwitterIcon
w={6}
height={6}
margin='auto'
_groupHover={{
svg: {
path:{fill: 'yellow.50 !important'}
}
}}
/>
</Link>
</NextLink>
<Flex sx={{ mt: '0 !important' }}>
<Stack
flex={1}
data-group
borderLeft={{
base: 'none',
md: '2px solid',
lg: 'none'
}}
borderColor='brand.light.primary !important'
_hover={{
bg: 'brand.light.primary',
}}
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>
<NextLink href={GETH_DISCORD_URL} passHref>
<Link
isExternal
p={4}
data-group
display='flex'
flex={1}
_hover={{
bg: 'brand.light.primary',
}}
justifyContent='center'
borderWidth='2px'
borderStyle='none solid'
borderColor='brand.light.primary'
>
<DiscordIcon
w={6}
height={6}
_groupHover={{
svg: {
path:{fill: 'yellow.50 !important'}
}
}}
/>
</Link>
</NextLink>
<Stack
data-group
flex={1}
_hover={{
bg: 'brand.light.primary',
}}
alignItems='center'
borderWidth='2px'
borderStyle='none solid'
borderColor='brand.light.primary'
p={4}
>
<NextLink href={GETH_DISCORD_URL} passHref>
<Link isExternal>
<DiscordIcon
w={8}
height={8}
_groupHover={{
svg: {
path:{fill: 'yellow.50 !important'}
}
}}
/>
</Link>
</NextLink>
</Stack>
<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>
<Stack
data-group
flex={1}
_hover={{
bg: 'brand.light.primary',
}}
alignItems='center'
p={4}
>
<NextLink href={GETH_REPO_URL} passHref>
<Link isExternal>
<GitHubIcon
w={7}
height={7}
_groupHover={{
svg: {
path:{fill: 'yellow.50 !important'}
}
}}
/>
</Link>
</NextLink>
</Stack>
</Flex>
</Flex>
@ -172,7 +174,7 @@ export const Footer: FC = () => {
borderColor='brand.light.primary'
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>
</Flex>
)