Browse Source

core/src/Footer: responsive

pull/1/head
remorses 1 year ago
parent
commit
8663086a09
1 changed files with 6 additions and 3 deletions
  1. +6
    -3
      core/src/Footer.tsx

+ 6
- 3
core/src/Footer.tsx View File

@ -11,10 +11,14 @@ export const Footer = ({
}) => {
return (
<PageContainer minHeight='200px' {...rest}>
<Stack isInline flexWrap='wrap' justifyContent='space-evenly'>
<Stack flexDir='row' flexWrap='wrap' justifyContent='space-evenly' spacing='40px'>
{Object.keys(columns).map((k) => {
return (
<Stack spacing='10px' key={k}>
<Stack
minW={{ sm: '100%', lg: '0px' }}
spacing='10px'
key={k}
>
<Text
d='block'
fontSize='16px'
@ -31,7 +35,6 @@ export const Footer = ({
)
})}
</Stack>
<Box mt='40px' />
<Text width='auto' opacity={0.6} fontSize='14px' alignSelf='center'>
Copyright © 2019 {businessName}
</Text>

Loading…
Cancel
Save