feat: ✨ 添加全局Paper样式

apps/admin/src/App.tsx

@@ -5,6 +5,7 @@ import { useGlobalStore } from 'store';
 import cyanImg from '@/assets/images/cyan-blur.png';
 import redImg from '@/assets/images/red-blur.png';
 import router from '@/router';
+import CustomGlobal from '@/styles/GlobalPager';
 
 function App() {
   const preset = useGlobalStore((state) => state.preset);
@@ -27,6 +28,7 @@ function App() {
         paperCyanImg: cyanImg as string,
       }}
     >
+      <CustomGlobal />
       <RouterProvider router={router} />
     </ThemeProvider>
   );

apps/admin/src/styles/GlobalPager.ts

@@ -1,18 +1,9 @@
-import { createStyles } from 'antd-style';
+import { createGlobalStyle } from 'antd-style';
+// 定义全局类名样式
+const CustomGlobal = createGlobalStyle`
+  .g-paper {
+    border-radius: ${(p) => p.theme.borderRadius * 2}px;
+  }
+`;
 
-const useStyles = createStyles(({ token, css, prefixCls }) => {
-  console.log(token);
-
-  return {
-    override: css`
-      &.${prefixCls}-drawer {
-        backdrop-filter: blur(20px);
-        background-color: rgba(255, 255, 255, 0.9);
-        background-size: 50% 50%;
-        background-repeat: no-repeat;
-      }
-    `,
-  };
-});
-
-export default useStyles;
+export default CustomGlobal;

apps/admin/src/views/home/index.tsx

@@ -13,7 +13,7 @@ const HomePage: FC = () => {
     <div className={styles['home-container']}>
       <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }}>
         <Col className='gutter-row' span={16}>
-          <div className='user-info'>
+          <div className='user-info g-paper'>
             <Row
               style={{
                 padding: '40px',