修改需求

src/components/tabs/style.module.scss

@@ -1,7 +1,18 @@
 .tab {
+  height: 100%;
+
+  :global(.ant-tabs) {
+    display: flex;
+    height: 100%;
+  }
   :global(.ant-tabs-nav) {
     background: #fff;
     padding: 0 24px;
     margin: 0;
+    flex: none;
+  }
+  :global(.ant-tabs-content-holder) {
+    flex: 1;
+    overflow-y: auto;
   }
 }

src/layout/header/index.tsx

@@ -26,7 +26,10 @@ export const HeaderContent = () => {
     <>
       <h2 className={style.title}>{title}</h2>
       <div className={style.avatar}>
-        <Dropdown overlay={<Menu style={{width: '100px'}} items={items} />} className={style['logout-drop']} placement="bottomCenter">
+        <Dropdown 
+          overlay={<Menu style={{width: '100px'}} items={items} />} 
+          className={style['logout-drop']} 
+          placement="bottomRight">
           <div>
             <Avatar src={user.head} />
             <span className={style.username}>{user.nickName}</span>

src/layout/header/style.module.scss

@@ -14,4 +14,8 @@
   .username {
     margin-left: 10px;
   }
+}
+
+:global(.ant-dropdown) {
+  min-width: auto !important;
 }