From cafc416a77a01fa9d78c336a014f051cb54d8aa5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Thu, 9 Mar 2023 16:57:47 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/compenents/header/index.module.less |  7 ++++++-
 src/compenents/header/index.tsx         |  8 +++-----
 src/index.less                          | 10 ++++++----
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/compenents/header/index.module.less b/src/compenents/header/index.module.less
index 66b5cc2..b49cff5 100644
--- a/src/compenents/header/index.module.less
+++ b/src/compenents/header/index.module.less
@@ -1,5 +1,11 @@
 .app-header {
   background-color: white !important;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  /* Firefox */
+  -webkit-box-sizing: border-box;
+  /* Safari */
+  padding: 0px 24px;
 }
 
 .main-header {
@@ -22,4 +28,3 @@
   display: flex;
   align-items: center;
 }
-
diff --git a/src/compenents/header/index.tsx b/src/compenents/header/index.tsx
index a9a783f..709736c 100644
--- a/src/compenents/header/index.tsx
+++ b/src/compenents/header/index.tsx
@@ -1,13 +1,11 @@
 import React from "react";
 import styles from "./index.module.less";
-import { Layout, Button, Dropdown, MenuProps, Image } from "antd";
+import { Button, Dropdown, MenuProps, Image } from "antd";
 import { useSelector } from "../../store/hooks";
 import { useDispatch } from "react-redux";
 import { useNavigate } from "react-router-dom";
 import { LoginOutActionCreator } from "../../store/user/userActions";
 import avatar from "../../assets/images/commen/avatar.png";
-import edit from "../../assets/images/commen/edit.png";
-import logout from "../../assets/images/commen/logout.png";
 import { PoweroffOutlined, UnlockOutlined } from "@ant-design/icons";
 
 export const Header: React.FC = () => {
@@ -37,7 +35,7 @@ export const Header: React.FC = () => {
   ];
   return (
     <div className={styles["app-header"]}>
-      <Layout.Header className={styles["main-header"]}>
+      <div className={styles["main-header"]}>
         <div></div>
         <Button.Group className={styles["button-group"]}>
           <Dropdown menu={{ items, onClick }} placement="bottomRight">
@@ -49,7 +47,7 @@ export const Header: React.FC = () => {
             </div>
           </Dropdown>
         </Button.Group>
-      </Layout.Header>
+      </div>
     </div>
   );
 };
diff --git a/src/index.less b/src/index.less
index 534c962..b1748dd 100644
--- a/src/index.less
+++ b/src/index.less
@@ -155,10 +155,7 @@ code {
   background-color: #ffffff !important;
 }
 
-.ant-menu-item-selected {
-  background-color: #ff4d4f !important;
-  color: white !important;
-}
+
 
 .ant-menu-submenu-active > .ant-menu-submenu-title {
   background-color: rgba(#ff4d4f, 0.1) !important;
@@ -168,6 +165,11 @@ code {
   background-color: rgba(#ff4d4f, 0.1) !important;
 }
 
+.ant-menu-item-selected {
+  background-color: #ff4d4f !important;
+  color: white !important;
+}
+
 .ant-menu-submenu-selected > .ant-menu-submenu-title {
   color: #ff4d4f !important;
 }