Files
DefectingCat.github.io/components/Footer.tsx
DefectingCat aaad57fc4d Add dark mode
* add dark mode switch button
* modify footer
* fix nav menu opening issue
* add paging number
* remove post card a link focus shadow
* add _document
* remove archive card border on last child
* add post image zoom margin on desktop
* add post index image
* remove TOC scroll bar on firefox
2021-11-21 22:16:35 +08:00

21 lines
551 B
TypeScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { FC } from 'react';
import { Flex, Box, Text } from '@chakra-ui/react';
const Footer: FC = () => {
return (
<>
<Box h="3px" w="50px" bg="gray.500" rounded="xl" mt="2.5rem" />
<Flex as="footer" flexFlow="column" py="1.5rem">
<Text color={'gray.600'} fontWeight="bold" mb="0.5rem">
&copy;{new Date().getFullYear()}
</Text>
<Text color={'gray.400'} fontSize="small">
Powered by Next.js Chakra UI
</Text>
</Flex>
</>
);
};
export default Footer;