Improve reponsive

src/layouts/PageHeaderLayout.js

@@ -1,11 +1,12 @@
 import React from 'react';
 import { Link } from 'dva/router';
 import PageHeader from '../components/PageHeader';
+import styles from './PageHeaderLayout.less';
 
 export default ({ children, wrapperClassName, top, ...restProps }) => (
   <div style={{ margin: '-24px -24px 0' }} className={wrapperClassName}>
     {top}
     <PageHeader {...restProps} linkElement={Link} />
-    {children ? <div style={{ margin: '24px 24px 0' }}>{children}</div> : null}
+    {children ? <div className={styles.content}>{children}</div> : null}
   </div>
 );

src/layouts/PageHeaderLayout.less

@@ -0,0 +1,11 @@
+@import "~antd/lib/style/themes/default.less";
+
+.content {
+  margin: 24px 24px 0;
+}
+
+@media screen and (max-width: @screen-sm) {
+  .content {
+    margin: 24px 0 0;
+  }
+}