chore: adjust layout

src/pages/root.tsx

@@ -1,8 +1,7 @@
 import { Link, Outlet, useLocation, useNavigation } from "react-router-dom";
-import { Layout, Menu, MenuProps, Skeleton, theme } from "antd";
+import { Layout, Menu, MenuProps, Skeleton } from "antd";
 
 import { NavConfigs } from "../routes.tsx";
-import { useEffect, useState } from "react";
 
 const { Header, Footer, Content } = Layout;
 
@@ -14,10 +13,6 @@ const navItems: MenuProps["items"] = NavConfigs.map((c) => {
 });
 
 function Root() {
-    const {
-        token: { colorBgContainer },
-    } = theme.useToken();
-
     const nav = useNavigation();
     const location = useLocation();
 
@@ -40,14 +35,14 @@ function Root() {
                 <Layout>
                     <Content
                         style={{
-                            background: colorBgContainer,
+                            background: "#F8F8F8",
                             display: "flex",
                             justifyContent: "center",
                             paddingTop: "30px",
                             paddingBottom: "30px",
                         }}
                     >
-                        <div style={{ width: "90%" }}>
+                        <div style={{ width: "85%" }}>
                             <Skeleton loading={nav.state === "loading"} active>
                                 <Outlet />
                             </Skeleton>