From 13a1cacf75ee6625a46c85116916221f4eff4cf5 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Tue, 31 Oct 2017 14:41:24 +0800
Subject: [PATCH] Improve reponsive

---
 src/layouts/PageHeaderLayout.js   |  3 ++-
 src/layouts/PageHeaderLayout.less | 11 +++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 src/layouts/PageHeaderLayout.less

diff --git a/src/layouts/PageHeaderLayout.js b/src/layouts/PageHeaderLayout.js
index 8ab20188..43ba3892 100644
--- a/src/layouts/PageHeaderLayout.js
+++ b/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>
 );
diff --git a/src/layouts/PageHeaderLayout.less b/src/layouts/PageHeaderLayout.less
new file mode 100644
index 00000000..a0c0a6ef
--- /dev/null
+++ b/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;
+  }
+}
-- 
GitLab