|
|
|
@ -8,23 +8,16 @@ import { |
|
|
|
|
GETH_DISCORD_URL, |
|
|
|
|
GETH_REPO_URL, |
|
|
|
|
GETH_TWITTER_URL |
|
|
|
|
} from '../../constants' |
|
|
|
|
} from '../../constants'; |
|
|
|
|
|
|
|
|
|
import { |
|
|
|
|
DiscordIcon, |
|
|
|
|
GitHubIcon, |
|
|
|
|
TwitterIcon |
|
|
|
|
} from '../UI/icons'; |
|
|
|
|
import { DiscordIcon, GitHubIcon, TwitterIcon } from '../UI/icons'; |
|
|
|
|
|
|
|
|
|
export const Footer: FC = () => { |
|
|
|
|
return ( |
|
|
|
|
<Flex |
|
|
|
|
mt={4} |
|
|
|
|
direction={{ base: 'column', lg: 'row'}} |
|
|
|
|
> |
|
|
|
|
<Flex mt={4} direction={{ base: 'column', lg: 'row' }}> |
|
|
|
|
<Flex |
|
|
|
|
direction={{ base: 'column', md: 'row'}} |
|
|
|
|
justifyContent={{md: 'space-between'}} |
|
|
|
|
direction={{ base: 'column', md: 'row' }} |
|
|
|
|
justifyContent={{ md: 'space-between' }} |
|
|
|
|
border='2px solid' |
|
|
|
|
borderColor='primary' |
|
|
|
|
> |
|
|
|
@ -89,19 +82,14 @@ export const Footer: FC = () => { |
|
|
|
|
}} |
|
|
|
|
borderColor='primary !important' |
|
|
|
|
_hover={{ |
|
|
|
|
bg: 'primary', |
|
|
|
|
bg: 'primary' |
|
|
|
|
}} |
|
|
|
|
alignItems='center' |
|
|
|
|
p={4} |
|
|
|
|
> |
|
|
|
|
<NextLink href={GETH_TWITTER_URL} passHref> |
|
|
|
|
<Link isExternal> |
|
|
|
|
<TwitterIcon |
|
|
|
|
w={8} |
|
|
|
|
height={8}
|
|
|
|
|
_groupHover={{ color: 'bg' }} |
|
|
|
|
color='primary' |
|
|
|
|
/> |
|
|
|
|
<TwitterIcon w={8} height={8} _groupHover={{ color: 'bg' }} color='primary' /> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
</Stack> |
|
|
|
@ -110,7 +98,7 @@ export const Footer: FC = () => { |
|
|
|
|
data-group |
|
|
|
|
flex={1} |
|
|
|
|
_hover={{ |
|
|
|
|
bg: 'primary', |
|
|
|
|
bg: 'primary' |
|
|
|
|
}} |
|
|
|
|
alignItems='center' |
|
|
|
|
borderWidth='2px' |
|
|
|
@ -120,12 +108,7 @@ export const Footer: FC = () => { |
|
|
|
|
> |
|
|
|
|
<NextLink href={GETH_DISCORD_URL} passHref> |
|
|
|
|
<Link isExternal> |
|
|
|
|
<DiscordIcon |
|
|
|
|
w={8} |
|
|
|
|
height={8}
|
|
|
|
|
_groupHover={{ color: 'bg' }} |
|
|
|
|
color='primary' |
|
|
|
|
/> |
|
|
|
|
<DiscordIcon w={8} height={8} _groupHover={{ color: 'bg' }} color='primary' /> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
</Stack> |
|
|
|
@ -134,19 +117,14 @@ export const Footer: FC = () => { |
|
|
|
|
data-group |
|
|
|
|
flex={1} |
|
|
|
|
_hover={{ |
|
|
|
|
bg: 'primary', |
|
|
|
|
bg: 'primary' |
|
|
|
|
}} |
|
|
|
|
alignItems='center' |
|
|
|
|
p={4} |
|
|
|
|
> |
|
|
|
|
<NextLink href={GETH_REPO_URL} passHref> |
|
|
|
|
<Link isExternal> |
|
|
|
|
<GitHubIcon |
|
|
|
|
w={7} |
|
|
|
|
height={7}
|
|
|
|
|
_groupHover={{ color: 'bg' }} |
|
|
|
|
color='primary' |
|
|
|
|
/> |
|
|
|
|
<GitHubIcon w={7} height={7} _groupHover={{ color: 'bg' }} color='primary' /> |
|
|
|
|
</Link> |
|
|
|
|
</NextLink> |
|
|
|
|
</Stack> |
|
|
|
@ -168,5 +146,5 @@ export const Footer: FC = () => { |
|
|
|
|
<Text textStyle='footer-text'>{`© 2013–${new Date().getFullYear()}. The go-ethereum Authors.`}</Text> |
|
|
|
|
</Stack> |
|
|
|
|
</Flex> |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
}; |
|
|
|
|