Fix footer

src/layouts/BasicLayout.js

@@ -229,9 +229,8 @@ class BasicLayout extends React.PureComponent {
                 </Dropdown>
               </div>
             </Header>
-            <Content style={{ margin: '24px 24px 0 24px', height: '100%' }}>
+            <Content style={{ margin: '24px 24px 0', height: '100%' }}>
               {children}
-            </Content>
               <GlobalFooter
                 links={[{
                   title: '帮助',
@@ -246,6 +245,7 @@ class BasicLayout extends React.PureComponent {
                 }]}
                 copyright={<div>Copyright <Icon type="copyright" /> 2017 蚂蚁金服体验技术部出品</div>}
               />
+            </Content>
           </Layout>
         </Layout>
       </DocumentTitle>

src/layouts/PageHeaderLayout.js

 import React from 'react';
 import PageHeader from '../components/PageHeader';
 
-export default ({ children, ...restProps }) => (
-  <div style={{ margin: -24 }}>
+export default ({ children, wrapperClassName, ...restProps }) => (
+  <div style={{ margin: '-24px -24px 0' }} className={wrapperClassName}>
     <PageHeader {...restProps} />
-    {children ? <div style={{ margin: 24 }}>{children}</div> : null}
+    {children ? <div style={{ margin: '24px 24px 0' }}>{children}</div> : null}
   </div>
 );

src/routes/Forms/AdvancedForm.js

@@ -97,6 +97,7 @@ function AdvancedForm({ form, dispatch, submitting }) {
     <PageHeaderLayout
       title="高级表单"
       content="在后台页面中，大批量的数据修改和提交是很常见的情况。"
+      wrapperClassName={styles.withFooterToolbar}
     >
       <Card title="仓库管理" className={styles.card} bordered={false}>
         <Form layout="vertical" hideRequiredMark>

src/routes/Forms/style.less

@@ -79,3 +79,8 @@
     padding-bottom: 12.5px !important;
   }
 }
+
+// custom footer for fixed footer toolbar
+.withFooterToolbar + div {
+  padding-bottom: 64px;
+}