Files
FastGPT/client/src/components/PageContainer/index.tsx
2023-07-25 13:24:26 +08:00

22 lines
515 B
TypeScript

import React from 'react';
import { Box, useTheme, type BoxProps } from '@chakra-ui/react';
const PageContainer = ({ children, ...props }: BoxProps) => {
const theme = useTheme();
return (
<Box bg={'myGray.100'} h={'100%'} p={[0, 5]} px={[0, 6]} {...props}>
<Box
h={'100%'}
bg={'white'}
borderRadius={[0, '2xl']}
border={['none', theme.borders.lg]}
overflow={'overlay'}
>
{children}
</Box>
</Box>
);
};
export default PageContainer;