From 1f4e89df3100ceac7eb7271a8cc8012ce3569bc3 Mon Sep 17 00:00:00 2001
From: XM <xm@tqzgc.com>
Date: Fri, 26 Apr 2019 16:53:42 +0800
Subject: [PATCH] fix #4079 PageHeaderWrapper margin in xs screen (#4081)

* fix PageHeaderWrapper margin in xs screen, #4079

* fix: PageHeaderWrapper doesn't perform as expected on xs screen
---
 src/components/PageHeaderWrapper/index.less | 44 ++++++++++-----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/components/PageHeaderWrapper/index.less b/src/components/PageHeaderWrapper/index.less
index 119585bb..bc4ef2e5 100644
--- a/src/components/PageHeaderWrapper/index.less
+++ b/src/components/PageHeaderWrapper/index.less
@@ -43,7 +43,7 @@
   }
 
   @media screen and (max-width: @screen-sm) {
-    .content {
+    .children-content {
       margin: 24px 0 0;
     }
   }
@@ -77,34 +77,34 @@
     margin-left: 88px;
     text-align: right;
   }
-}
 
-@media screen and (max-width: @screen-xl) {
-  .extraContent {
-    margin-left: 44px;
+  @media screen and (max-width: @screen-xl) {
+    .extraContent {
+      margin-left: 44px;
+    }
   }
-}
 
-@media screen and (max-width: @screen-lg) {
-  .extraContent {
-    margin-left: 20px;
+  @media screen and (max-width: @screen-lg) {
+    .extraContent {
+      margin-left: 20px;
+    }
   }
-}
 
-@media screen and (max-width: @screen-md) {
-  .row {
-    display: block;
-  }
+  @media screen and (max-width: @screen-md) {
+    .row {
+      display: block;
+    }
 
-  .action,
-  .extraContent {
-    margin-left: 0;
-    text-align: left;
+    .action,
+    .extraContent {
+      margin-left: 0;
+      text-align: left;
+    }
   }
-}
 
-@media screen and (max-width: @screen-sm) {
-  .detail {
-    display: block;
+  @media screen and (max-width: @screen-sm) {
+    .detail {
+      display: block;
+    }
   }
 }