interesting
/
go-ethereum
mirror of https://github.com/ethereum/go-ethereum.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix footer padding issue (#35)

This commit is contained in:
Corwin Smith 2022-11-22 01:55:35 +01:00 committed by GitHub
parent 6ff05ed817
commit 20c0a6b2b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 27 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/components/layouts/Footer.tsx
View File

@ -1,4 +1,4 @@
import { Flex, Link, Stack, Text } from '@chakra-ui/react'; import { Center, Flex, Link, Text } from '@chakra-ui/react';
import { FC } from 'react'; import { FC } from 'react';
import NextLink from 'next/link'; import NextLink from 'next/link';
@ -29,7 +29,7 @@ export const Footer: FC = () => {
}} }}
borderColor='primary' borderColor='primary'
> >
<Stack <Center
flex={1} flex={1}
color='primary' color='primary'
_hover={{ _hover={{
@ -37,18 +37,18 @@ export const Footer: FC = () => {
bg: 'primary', bg: 'primary',
color: 'bg !important' color: 'bg !important'
}} }}
justifyContent='center'
borderRight='2px solid' borderRight='2px solid'
borderColor='primary' borderColor='primary'
p={4}
> >
<NextLink href={DOWNLOADS_PAGE} passHref> <NextLink href={DOWNLOADS_PAGE} passHref>
<Link _hover={{ textDecoration: 'none' }}> <Link _hover={{ textDecoration: 'none' }}>
<Text textStyle='home-section-link-label'>DOWNLOADS</Text> <Text textStyle='footer-link-label'>DOWNLOADS</Text>
</Link> </Link>
</NextLink> </NextLink>
</Stack> </Center>
<Stack <Center
flex={1} flex={1}
color='primary' color='primary'
_hover={{ _hover={{
@ -61,18 +61,18 @@ export const Footer: FC = () => {
md: '2px solid' md: '2px solid'
}} }}
borderColor='primary' borderColor='primary'
justifyContent='center' p={4}
> >
<NextLink href={DOCS_PAGE} passHref> <NextLink href={DOCS_PAGE} passHref>
<Link _hover={{ textDecoration: 'none' }}> <Link _hover={{ textDecoration: 'none' }}>
<Text textStyle='home-section-link-label'>DOCUMENTATION</Text> <Text textStyle='footer-link-label'>DOCUMENTATION</Text>
</Link> </Link>
</NextLink> </NextLink>
</Stack> </Center>
</Flex> </Flex>
<Flex sx={{ mt: '0 !important' }}> <Flex sx={{ mt: '0 !important' }}>
<Stack <Center
flex={1} flex={1}
data-group data-group
borderLeft={{ borderLeft={{
@ -84,23 +84,21 @@ export const Footer: FC = () => {
_hover={{ _hover={{
bg: 'primary' bg: 'primary'
}} }}
alignItems='center'
p={4} p={4}
> >
<NextLink href={GETH_TWITTER_URL} passHref> <NextLink href={GETH_TWITTER_URL} passHref>
<Link isExternal> <Link isExternal>
<TwitterIcon w={8} height={8} _groupHover={{ color: 'bg' }} color='primary' /> <TwitterIcon w={8} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
</Link> </Link>
</NextLink> </NextLink>
</Stack> </Center>
<Stack <Center
data-group data-group
flex={1} flex={1}
_hover={{ _hover={{
bg: 'primary' bg: 'primary'
}} }}
alignItems='center'
borderWidth='2px' borderWidth='2px'
borderStyle='none solid' borderStyle='none solid'
borderColor='primary' borderColor='primary'
@ -108,33 +106,30 @@ export const Footer: FC = () => {
> >
<NextLink href={GETH_DISCORD_URL} passHref> <NextLink href={GETH_DISCORD_URL} passHref>
<Link isExternal> <Link isExternal>
<DiscordIcon w={8} height={8} _groupHover={{ color: 'bg' }} color='primary' /> <DiscordIcon w={8} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
</Link> </Link>
</NextLink> </NextLink>
</Stack> </Center>
<Stack <Center
data-group data-group
flex={1} flex={1}
_hover={{ _hover={{
bg: 'primary' bg: 'primary'
}} }}
alignItems='center'
p={4} p={4}
> >
<NextLink href={GETH_REPO_URL} passHref> <NextLink href={GETH_REPO_URL} passHref>
<Link isExternal> <Link isExternal>
<GitHubIcon w={7} height={7} _groupHover={{ color: 'bg' }} color='primary' /> <GitHubIcon w={7} height='22px' _groupHover={{ color: 'bg' }} color='primary' />
</Link> </Link>
</NextLink> </NextLink>
</Stack> </Center>
</Flex> </Flex>
</Flex> </Flex>
<Stack <Center
p={4} p={4}
textAlign='center'
justifyContent='center'
borderWidth='2px' borderWidth='2px'
borderStyle={{ borderStyle={{
base: 'none solid solid solid', base: 'none solid solid solid',
@ -144,7 +139,7 @@ export const Footer: FC = () => {
flex={1} flex={1}
> >
<Text textStyle='footer-text'>{`© 2013–${new Date().getFullYear()}. The go-ethereum Authors.`}</Text> <Text textStyle='footer-text'>{`© 2013–${new Date().getFullYear()}. The go-ethereum Authors.`}</Text>
</Stack> </Center>
</Flex> </Flex>
); );
}; };

7
src/theme/foundations/textStyles.ts
View File

@ -58,6 +58,13 @@ export const textStyles = {
fontSize: '13px', fontSize: '13px',
fontFamily: '"Inter", sans-serif' fontFamily: '"Inter", sans-serif'
}, },
'footer-link-label': {
fontFamily: '"JetBrains Mono", monospace',
fontWeight: 700,
textTransform: 'uppercase',
lineHeight: '21.12px',
letterSpacing: '2%'
},
'footer-text': { 'footer-text': {
fontFamily: '"Inter", sans-serif', fontFamily: '"Inter", sans-serif',
lineHeight: '22px', lineHeight: '22px',