fix footer regression (#29)
* fix footer regression * fix social icon and copyright date
This commit is contained in:
parent
0686ef1bee
commit
86ada0d098
@ -29,14 +29,14 @@ 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
|
||||
<Stack
|
||||
flex={1}
|
||||
color='brand.light.primary'
|
||||
_hover={{
|
||||
@ -44,17 +44,18 @@ export const Footer: FC = () => {
|
||||
bg: 'brand.light.primary',
|
||||
color: 'yellow.50 !important'
|
||||
}}
|
||||
height='full'
|
||||
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
|
||||
<Stack
|
||||
flex={1}
|
||||
color='brand.light.primary'
|
||||
_hover={{
|
||||
@ -62,24 +63,23 @@ export const Footer: FC = () => {
|
||||
bg: 'brand.light.primary',
|
||||
color: 'yellow.50 !important'
|
||||
}}
|
||||
height='full'
|
||||
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 sx={{ mt: '0 !important' }}>
|
||||
<Stack
|
||||
flex={1}
|
||||
data-group
|
||||
borderLeft={{
|
||||
@ -88,16 +88,17 @@ export const Footer: FC = () => {
|
||||
lg: 'none'
|
||||
}}
|
||||
borderColor='brand.light.primary !important'
|
||||
|
||||
_hover={{
|
||||
bg: 'brand.light.primary',
|
||||
}}
|
||||
justifyContent='center'
|
||||
alignItems='center'
|
||||
p={4}
|
||||
>
|
||||
<NextLink href={GETH_TWITTER_URL} passHref>
|
||||
<Link isExternal>
|
||||
<TwitterIcon
|
||||
w={6}
|
||||
height={6}
|
||||
margin='auto'
|
||||
w={8}
|
||||
height={8}
|
||||
_groupHover={{
|
||||
svg: {
|
||||
path:{fill: 'yellow.50 !important'}
|
||||
@ -106,25 +107,25 @@ export const Footer: FC = () => {
|
||||
/>
|
||||
</Link>
|
||||
</NextLink>
|
||||
</Stack>
|
||||
|
||||
<NextLink href={GETH_DISCORD_URL} passHref>
|
||||
<Link
|
||||
isExternal
|
||||
p={4}
|
||||
<Stack
|
||||
data-group
|
||||
display='flex'
|
||||
flex={1}
|
||||
_hover={{
|
||||
bg: 'brand.light.primary',
|
||||
}}
|
||||
justifyContent='center'
|
||||
alignItems='center'
|
||||
borderWidth='2px'
|
||||
borderStyle='none solid'
|
||||
borderColor='brand.light.primary'
|
||||
p={4}
|
||||
>
|
||||
<NextLink href={GETH_DISCORD_URL} passHref>
|
||||
<Link isExternal>
|
||||
<DiscordIcon
|
||||
w={6}
|
||||
height={6}
|
||||
w={8}
|
||||
height={8}
|
||||
_groupHover={{
|
||||
svg: {
|
||||
path:{fill: 'yellow.50 !important'}
|
||||
@ -133,22 +134,22 @@ export const Footer: FC = () => {
|
||||
/>
|
||||
</Link>
|
||||
</NextLink>
|
||||
</Stack>
|
||||
|
||||
<NextLink href={GETH_REPO_URL} passHref>
|
||||
<Link
|
||||
isExternal
|
||||
p={4}
|
||||
<Stack
|
||||
data-group
|
||||
flex={1}
|
||||
display='flex'
|
||||
_hover={{
|
||||
bg: 'brand.light.primary',
|
||||
}}
|
||||
justifyContent='center'
|
||||
alignItems='center'
|
||||
p={4}
|
||||
>
|
||||
<NextLink href={GETH_REPO_URL} passHref>
|
||||
<Link isExternal>
|
||||
<GitHubIcon
|
||||
w={6}
|
||||
height={6}
|
||||
w={7}
|
||||
height={7}
|
||||
_groupHover={{
|
||||
svg: {
|
||||
path:{fill: 'yellow.50 !important'}
|
||||
@ -157,6 +158,7 @@ export const Footer: FC = () => {
|
||||
/>
|
||||
</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>
|
||||
)
|
||||
|
Loading…
Reference in New Issue
Block a user