feat: update layout

Author: wanpan11

src/assets/css/init.css

@@ -2,6 +2,13 @@
 @tailwind components;
 @tailwind utilities;
 
+html,
+body,
+#root {
+  height: 100%;
+  width: 100%;
+}
+
 body,
 ul,
 li {

src/layout/header.tsx

@@ -16,7 +16,7 @@ interface MenuHeaderProps {
 }
 
 const headClass = "z-[999] box-border flex h-14 items-center justify-between p-7 py-3 shadow-ch";
-const tabItemClass = "relative mx-4 h-14 cursor-pointer select-none px-3 text-base leading-[3.5rem]";
+const tabItemClass = "relative mx-4 h-14 cursor-pointer select-none px-3 text-base leading-[3.5rem] hover:text-primary";
 
 function MenuHeader({ tabId, tabList }: MenuHeaderProps) {
   const navigate = useNavigate();

src/layout/index.tsx

@@ -90,25 +90,23 @@ function AppLayout({ children }: { children: React.ReactNode }) {
   };
 
   return (
-    <div className={darkMode ? "dark" : ""}>
-      <ConfigProvider theme={currentThem}>
-        <Layout>
-          <MenuHeader tabId={tabId} tabList={routerMenu} />
+    <ConfigProvider theme={currentThem}>
+      <Layout className={darkMode ? "dark" : ""}>
+        <MenuHeader tabId={tabId} tabList={routerMenu} />
 
-          <Layout className="h-[calc(100vh-3.5rem)] overflow-hidden">
-            {sideMenu.length ? <SiderCom selectKey={menuId} menu={sideMenu} /> : null}
+        <Layout className="h-[calc(100vh-3.5rem)] overflow-hidden">
+          {sideMenu.length ? <SiderCom selectKey={menuId} menu={sideMenu} /> : null}
 
-            <Layout>
-              <Content className="mx-3">
-                <BreadCrumb routerPath={routerPathMapping} />
+          <Layout>
+            <Content className="mx-3">
+              <BreadCrumb routerPath={routerPathMapping} />
 
-                <div className="h-[calc(100%-4.5rem)] overflow-auto">{children}</div>
-              </Content>
-            </Layout>
+              <div className="h-[calc(100%-4.5rem)] overflow-auto">{children}</div>
+            </Content>
           </Layout>
         </Layout>
-      </ConfigProvider>
-    </div>
+      </Layout>
+    </ConfigProvider>
   );
 }