feat: ✨ 修改头部样式以及主体背景色

anyone-yuren · Dec 18, 2023 · 942d1fa · 942d1fa
1 parent 7c49824
commit 942d1fa
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 18 deletions.
diff --git a/apps/admin/src/layout/header/style.ts b/apps/admin/src/layout/header/style.ts
@@ -9,6 +9,7 @@ const useStyles = createStyles(({ token }) => {
       height: 'auto',
       background: token.colorBgBase,
       padding: 0,
+      boxShadow: token.boxShadowTertiary,
     },
   };
 });

diff --git a/apps/admin/src/layout/index.style.ts b/apps/admin/src/layout/index.style.ts
@@ -1,23 +1,31 @@
 import { createStyles } from 'antd-style';
 
-const useStyles = createStyles(() => ({
-  layout_wrapper: {
-    display: 'flex',
-    width: '100%',
-    height: '100vh',
-    overflowX: 'hidden',
-    '.ant-layout-content': {
-      height: 'calc(100vh - 48px)',
-      boxSizing: 'border-box',
-      flex: '1',
-      padding: '12px',
+const useStyles = createStyles(({ token }) => {
+  console.log(token);
+  return {
+    layout_wrapper: {
+      display: 'flex',
+      width: '100%',
+      height: '100vh',
       overflowX: 'hidden',
+      background: token.colorBgContainer,
+      '.ant-layout-content': {
+        height: 'calc(100vh - 48px)',
+        boxSizing: 'border-box',
+        flex: '1',
+        padding: '12px',
+        overflowX: 'hidden',
+      },
+      '.ant-layout-sider': {
+        height: 'calc(100vh)',
+        borderInlineEnd: '1px solid rgba(5, 5, 5, 0.06)',
+        marginInlineEnd: '-1px',
+      },
+      '.ant-layout': {
+        background: token.colorBgContainer,
+      },
     },
-    '.ant-layout-sider': {
-      height: 'calc(100vh)',
-      borderInlineEnd: '1px solid rgba(5, 5, 5, 0.06)',
-      marginInlineEnd: '-1px',
-    },
-  },
-}));
+  };
+});
+
 export default useStyles;