左侧菜单和右上角管理员模块优化

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">
+            <div className="d-flex">
+              <img style={{ width: 30, height: 30 }} src={avatar} />
               <Button type="link">
-              <Image
-                preview={false}
-                width={30}
-                height={30}
-                src={avatar}
-              ></Image>
-              <span className="ml-8 c-default">{user.name}</span>
+                <span className="c-default">{user.name}</span>
               </Button>
+            </div>
           </Dropdown>
         </Button.Group>
       </Layout.Header>

src/index.less

@@ -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;
+}