mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
31 lines
554 B
TypeScript
31 lines
554 B
TypeScript
import { Box, Skeleton } from '@chakra-ui/react';
|
|
|
|
const IAIFillSkeleton = () => {
|
|
return (
|
|
<Skeleton
|
|
sx={{
|
|
position: 'relative',
|
|
height: 'full',
|
|
width: 'full',
|
|
'::before': {
|
|
content: "''",
|
|
display: 'block',
|
|
pt: '100%',
|
|
},
|
|
}}
|
|
>
|
|
<Box
|
|
sx={{
|
|
position: 'absolute',
|
|
top: 0,
|
|
insetInlineStart: 0,
|
|
height: 'full',
|
|
width: 'full',
|
|
}}
|
|
/>
|
|
</Skeleton>
|
|
);
|
|
};
|
|
|
|
export default IAIFillSkeleton;
|