左侧菜单优化

src/compenents/header/index.tsx

@@ -42,10 +42,10 @@ export const Header: React.FC = () => {
         <Button.Group className={styles["button-group"]}>
           <Dropdown menu={{ items, onClick }} placement="bottomRight">
             <div className="d-flex">
-              {user.name && <img style={{ width: 30, height: 30 }} src={avatar} />}
+              {user.name && (
-              <Button type="link">
+                <img style={{ width: 30, height: 30 }} src={avatar} />
-                <span className="c-default">{user.name}</span>
+              )}
-              </Button>
+              <span className="ml-8 c-admin">{user.name}</span>
             </div>
           </Dropdown>
         </Button.Group>

src/index.less

@@ -82,11 +82,15 @@ code {
   flex-direction: column;
 }
 
-.c-default {
+.c-admin {
   font-size: 14px;
   font-weight: 400;
   color: rgba(0, 0, 0, 0.88);
   line-height: 22px;
+  cursor: pointer;
+  &:hover {
+    opacity: 0.8;
+  }
 }
 
 .primary {

src/pages/home/index.module.less

@@ -13,10 +13,13 @@
       width: 100%;
       height: 48px;
     }
-
     .right-main {
-      flex: 1;
+      width: 100%;
       box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      /* Firefox */
+      -webkit-box-sizing: border-box;
+      /* Safari */
       padding: 24px;
       overflow-y: auto;
       background-color: #f1f2f9;