mirror of
https://github.com/DefectingCat/DefectingCat.github.io
synced 2025-07-16 01:01:38 +00:00
6a329d01b5
* update algolia replace all objects * add table of content skeleton * add bg color * move comment info to .env
27 lines
748 B
TypeScript
27 lines
748 B
TypeScript
import { FC } from 'react';
|
|
import { Box, Skeleton } from '@chakra-ui/react';
|
|
|
|
const PostLoadingTOC: FC = () => {
|
|
return (
|
|
<>
|
|
<Box
|
|
display={['none', 'none', 'none', 'block']}
|
|
position="sticky"
|
|
top="3rem"
|
|
mt="3rem"
|
|
w="280px"
|
|
>
|
|
<Skeleton height="2rem" my="1rem" />
|
|
<Skeleton height="1rem" w="80%" mb="1rem" />
|
|
<Skeleton height="1rem" w="80%" ml="1rem" mb="1rem" />
|
|
<Skeleton height="1rem" w="80%" ml="1rem" mb="1rem" />
|
|
<Skeleton height="1rem" w="80%" mb="1rem" />
|
|
<Skeleton height="1rem" w="80%" ml="1rem" mb="1rem" />
|
|
<Skeleton height="1rem" w="80%" ml="1rem" mb="1rem" />
|
|
</Box>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default PostLoadingTOC;
|