From b9ebd8cf87c003cb8afc36a5bcdb1b9da18c04d4 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:30:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95=E5=92=8C?=
 =?UTF-8?q?=E5=8F=B3=E4=B8=8A=E8=A7=92=E7=AE=A1=E7=90=86=E5=91=98=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/compenents/header/index.tsx | 15 ++++++---------
 src/index.less                  |  8 ++++++--
 2 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/compenents/header/index.tsx b/src/compenents/header/index.tsx
index 5158461..fac927d 100644
--- a/src/compenents/header/index.tsx
+++ b/src/compenents/header/index.tsx
@@ -41,15 +41,12 @@ export const Header: React.FC = () => {
         <div></div>
         <Button.Group className={styles["button-group"]}>
           <Dropdown menu={{ items, onClick }} placement="bottomRight">
-            <Button type="link">
-              <Image
-                preview={false}
-                width={30}
-                height={30}
-                src={avatar}
-              ></Image>
-              <span className="ml-8 c-default">{user.name}</span>
-            </Button>
+            <div className="d-flex">
+              <img style={{ width: 30, height: 30 }} src={avatar} />
+              <Button type="link">
+                <span className="c-default">{user.name}</span>
+              </Button>
+            </div>
           </Dropdown>
         </Button.Group>
       </Layout.Header>
diff --git a/src/index.less b/src/index.less
index d1696c8..ca75570 100644
--- a/src/index.less
+++ b/src/index.less
@@ -82,10 +82,10 @@ code {
   flex-direction: column;
 }
 
-.c-default{
+.c-default {
   font-size: 14px;
   font-weight: 400;
-  color: rgba(0,0,0,0.88);
+  color: rgba(0, 0, 0, 0.88);
   line-height: 22px;
 }
 
@@ -174,3 +174,7 @@ textarea.ant-input {
 .ant-menu-item-only-child > .ant-menu-title-content {
   font-weight: 400 !important;
 }
+
+.ant-dropdown-menu-item:hover {
+  background-color: rgba(#ff4d4f, 0.1) !important;
+}