Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/lowmess/lameass.recipes. A recipe site, but without the ads and 3,000 word essays lameass.recipes
nextjs sanity-io theme-ui typescript
Something went wrong. Try again.
1.6 kB · 76 lines
TSX
at develop
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677import * as React from 'react'import { default as NextLink } from 'next/link'import { Box, Flex, Container, Link } from 'theme-ui'import { BoxProps } from '@theme-ui/components'
const Footer: React.FC<BoxProps> = ({ sx, ...props }) => ( <Box as="footer" sx={{ paddingY: 4, backgroundColor: 'muted', ...sx }} {...props} > <Container> <Flex as="ul" sx={{ flexDirection: ['column', null, 'row'], alignItems: 'ceter', justifyContent: 'center', paddingLeft: 0, listStyleType: 'none', fontSize: [2, null, 1], lineHeight: 2, textAlign: 'center',
'li + li': { marginLeft: [0, null, 3, 4],
'&::before': { content: [null, null, '"\u2022"'], color: 'accent', marginRight: [3, null, null, 4], }, }, }} > <li> <NextLink href="/" passHref> <Link variant="ui">Home</Link> </NextLink> </li>
<li> <NextLink href="/recipes" passHref> <Link variant="ui">Recipes</Link> </NextLink> </li>
<li> <NextLink href="/meals" passHref> <Link variant="ui">Meals</Link> </NextLink> </li>
<li> <NextLink href="/categories" passHref> <Link variant="ui">Categories</Link> </NextLink> </li>
<li> <NextLink href="/tags" passHref> <Link variant="ui">Tags</Link> </NextLink> </li>
<li> <NextLink href="/about" passHref> <Link variant="ui">About</Link> </NextLink> </li> </Flex> </Container> </Box>)
export default Footer