左侧栏初步

src/compenents/header/Header.module.css

@@ -1,46 +1,31 @@
 .app-header {
-    background-color: white !important;
-  }
-  
-  .main-menu {
-    padding-left: 6% !important;
-    padding-right: 6% !important;
-    background-color: #1976d2 !important;
-    color: #f5f5f5 !important;
-  }
-  
-  .button-group {
-    float: right;
-  }
-  
-  .main-header {
-    width: 1200px;
-    background-color: white !important;
-    height: 70px;
-    line-height: 70px;
-    width: 1200px;
-    margin-left: auto;
-    margin-right: auto;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-  
-  .App-logo {
-    width: 151px;
-    height: 40px;
-    float: left;
-  }
-  
-  .top-main {
-    display: flex;
-    align-items: center;
-  }
-  
-  .title {
-    line-height: 64px !important;
-    display: inline;
-    color: #03a9f4 !important;
-  }
-  
-  
+  background-color: white !important;
+}
+
+
+.main-header {
+  width: 100%;
+  background-color: white !important;
+  height: 48px;
+  line-height: 48px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.App-logo {
+  width: 151px;
+  height: 40px;
+  float: left;
+}
+
+.top-main {
+  display: flex;
+  align-items: center;
+}
+
+.title {
+  line-height: 64px !important;
+  display: inline;
+  color: #03a9f4 !important;
+}

src/compenents/leftMenu/LeftMenu.module.css

@@ -9,4 +9,5 @@
   height: 40px;
   margin-top: 16px;
   margin-left: 38px;
+  margin-bottom: 20px;
 }

src/compenents/leftMenu/LeftMenu.tsx

@@ -9,6 +9,7 @@ import { Menu } from "antd";
 import { useNavigate, Link } from "react-router-dom";
 import styles from "./LeftMenu.module.css";
 import logo from "../../assets/logo.png";
+import "../../utils/index.css";
 
 function getItem(label: any, key: any, icon: any, children: any, type: any) {
   return {
@@ -21,7 +22,7 @@ function getItem(label: any, key: any, icon: any, children: any, type: any) {
 }
 const items = [
   getItem("首页概览", "/", <SettingOutlined />, null, null),
-  getItem("网校装修", "/", <SettingOutlined />, null, null),
+  getItem("网校装修", "/decoration", <SettingOutlined />, null, null),
   getItem(
     "课程内容",
     "2",
@@ -61,10 +62,7 @@ export const LeftMenu: React.FC = () => {
   };
   return (
     <div className={styles["left-menu"]}>
-      <Link
-        style={{ textDecoration: "none" }}
-        to={`/`}
-      >
+      <Link style={{ textDecoration: "none" }} to={`/`}>
         <img src={logo} alt="" className={styles["App-logo"]} />
       </Link>
       <Menu