fix style.

src/components/Layout/Sider.js

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react'
 import PropTypes from 'prop-types'
-import { Icon, Switch, Layout, Drawer } from 'antd'
+import { Icon, Switch, Layout } from 'antd'
 import { withI18n, Trans } from '@lingui/react'
 import { config } from 'utils'
 import SiderMenu from './Menu'

src/layouts/PrimaryLayout.js

@@ -108,10 +108,7 @@ class PrimaryLayout extends PureComponent {
           ) : (
             <Sider {...siderProps} />
           )}
-          <Layout
-            style={{ height: '100vh', overflowY: 'scroll' }}
-            id="primaryLayout"
-          >
+          <div className={styles.container} id="primaryLayout">
             <Header {...headerProps} />
             <Content className={styles.content}>
               <Bread routeList={routeList} />
@@ -122,7 +119,7 @@ class PrimaryLayout extends PureComponent {
               target={() => document.getElementById('primaryLayout')}
             />
             <GlobalFooter copyright={config.copyright} />
-          </Layout>
+          </div>
         </Layout>
       </Fragment>
     )

src/layouts/PrimaryLayout.less

@@ -16,3 +16,16 @@
 .content {
   padding: 24px;
 }
+
+.container {
+  height: 100vh;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  flex: 1;
+}
+
+:global {
+  .antd-pro-global-footer-globalFooter {
+    margin-top: 16px;
+  }
+}