Permission (#1687)

Co-authored-by: Archer <545436317@qq.com>
Co-authored-by: Finley Ge <32237950+FinleyGe@users.noreply.github.com>

packages/web/components/common/MyLoading/index.tsx

@@ -1,16 +1,18 @@
 import React from 'react';
-import { Spinner, Flex, Box } from '@chakra-ui/react';
+import { Spinner, Flex, Box, SpinnerProps } from '@chakra-ui/react';
 
 const Loading = ({
   fixed = true,
   text = '',
   bg = 'rgba(255,255,255,0.5)',
-  zIndex = 1000
+  zIndex = 1000,
+  size = 'xl'
 }: {
   fixed?: boolean;
   text?: string;
   bg?: string;
   zIndex?: number;
+  size?: SpinnerProps['size'];
 }) => {
   return (
     <Flex
@@ -31,7 +33,7 @@ const Loading = ({
         speed="0.65s"
         emptyColor="myGray.100"
         color="primary.500"
-        size="xl"
+        size={size}
       />
       {text && (
         <Box mt={2} color="primary.600" fontWeight={'bold'}>