change requests for cleanup

pull/26459/head^2
Corwin Smith 2 years ago
parent 0ff5f8ea5a
commit 6f719286dd
  1. 233
      src/components/layouts/Footer.tsx

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

Loading…
Cancel
Save