forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-05-19 14:29:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #117 from thouravi/patch-1

Browse source 
Extracted the style objects and props into variable
This commit is contained in:
Corwin Smith 2022-12-05 20:07:11 +01:00 committed by GitHub
commit a11ce6cb8a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/components/layouts/Footer.tsx
View file

@ -12,6 +12,12 @@ import {
import { DiscordIcon, GitHubIcon, TwitterIcon } from '../UI/icons'; import { DiscordIcon, GitHubIcon, TwitterIcon } from '../UI/icons';
const hoverStyles = {
textDecoration: 'none',
bg: 'primary',
color: 'bg !important'
};
export const Footer: FC = () => { export const Footer: FC = () => {
return ( return (
<Flex mt={4} direction={{ base: 'column', lg: 'row' }}> <Flex mt={4} direction={{ base: 'column', lg: 'row' }}>
@ -32,11 +38,7 @@ export const Footer: FC = () => {
<Center <Center
flex={1} flex={1}
color='primary' color='primary'
_hover={{ _hover={hoverStyles}
textDecoration: 'none',
bg: 'primary',
color: 'bg !important'
}}
borderRight='2px solid' borderRight='2px solid'
borderColor='primary' borderColor='primary'
p={4} p={4}
@ -51,11 +53,7 @@ export const Footer: FC = () => {
<Center <Center
flex={1} flex={1}
color='primary' color='primary'
_hover={{ _hover={hoverStyles}
textDecoration: 'none',
bg: 'primary',
color: 'bg !important'
}}
borderRight={{ borderRight={{
base: 'none', base: 'none',
md: '2px solid' md: '2px solid'
@ -81,9 +79,7 @@ export const Footer: FC = () => {
lg: 'none' lg: 'none'
}} }}
borderColor='primary !important' borderColor='primary !important'
_hover={{ _hover={hoverStyles}
bg: 'primary'
}}
p={4} p={4}
> >
<NextLink href={GETH_TWITTER_URL} passHref> <NextLink href={GETH_TWITTER_URL} passHref>
@ -96,9 +92,7 @@ export const Footer: FC = () => {
<Center <Center
data-group data-group
flex={1} flex={1}
_hover={{ _hover={hoverStyles}
bg: 'primary'
}}
borderWidth='2px' borderWidth='2px'
borderStyle='none solid' borderStyle='none solid'
borderColor='primary' borderColor='primary'
@ -114,9 +108,7 @@ export const Footer: FC = () => {
<Center <Center
data-group data-group
flex={1} flex={1}
_hover={{ _hover={hoverStyles}
bg: 'primary'
}}
p={4} p={4}
> >
<NextLink href={GETH_REPO_URL} passHref> <NextLink href={GETH_REPO_URL} passHref>