fix style error

src/components/GlobalHeader/index.less

@@ -2,14 +2,6 @@
 
 @pro-header-hover-bg: rgba(0, 0, 0, 0.025);
 
-.header {
-  position: relative;
-  height: @layout-header-height;
-  padding: 0;
-  background: #fff;
-  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
-}
-
 .logo {
   display: inline-block;
   height: @layout-header-height;
@@ -100,7 +92,6 @@
 }
 
 @media only screen and (max-width: @screen-md) {
-  .header {
   :global(.ant-divider-vertical) {
     vertical-align: unset;
   }
@@ -126,5 +117,4 @@
       }
     }
   }
-  }
 }

src/layouts/BasicLayout.tsx

 import { ConnectState, ConnectProps } from '@/models/connect';
 import RightContent from '@/components/GlobalHeader/RightContent';
-import { formatMessage } from 'umi-plugin-react/locale';
 import { connect } from 'dva';
 import React, { useState } from 'react';
 import logo from '../assets/logo.svg';
@@ -12,6 +11,7 @@ import {
   Settings,
   SettingDrawer,
 } from '@ant-design/pro-layout';
+import Link from 'umi/link';
 
 export interface BasicLayoutProps extends BasicLayoutComponentsProps, ConnectProps {
   breadcrumbNameMap: { [path: string]: MenuDataItem };
@@ -43,7 +43,10 @@ const BasicLayout: React.FC<BasicLayoutProps> = props => {
       <BasicLayoutComponents
         logo={logo}
         onCollapse={handleMenuCollapse}
-        rightContentRender={RightProps => <RightContent {...RightProps} />}
+        menuItemRender={(menuItemProps, defaultDom) => {
+          return <Link to={menuItemProps.path}>{defaultDom}</Link>;
+        }}
+        rightContentRender={rightProps => <RightContent {...rightProps} />}
         {...props}
         {...settings}
       >