From c66c2887de226bd61645050099b50fa4f9cd360b Mon Sep 17 00:00:00 2001
From: liaoxuezhi <liaoxuezhi@baidu.com>
Date: Mon, 22 Jul 2019 15:42:30 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 scss/components/_page.scss | 75 ++++++++++++++++++++------------------
 1 file changed, 40 insertions(+), 35 deletions(-)

diff --git a/scss/components/_page.scss b/scss/components/_page.scss
index a1cb5ef1..f02c1ea8 100644
--- a/scss/components/_page.scss
+++ b/scss/components/_page.scss
@@ -52,43 +52,48 @@
     }
 }
 
-.#{$ns}Page-aside {
-    &::before {
-        content: "";
-        position: absolute;
-        width: inherit;
-        top: 0;
-        bottom: 0;
-        z-index: -1;
-        background-color: inherit;
-        border: inherit;
-    }
-
-    width: $Page-aside-width;
-    background-color: $Page-aside-bg;
-    border-right: $borderWidth solid $borderColor;
-}
-
-.#{$ns}Page--withSidebar {
-    display: table;
-    table-layout: fixed;
-    width: 100%;
-    height: 100%;
-    border-spacing: 0;
-
-    .#{$ns}Page-aside,
-    .#{$ns}Page-content {
-        display: table-cell;
-        vertical-align: top;
-    }
-
-    .#{$ns}Page-content {
-        width: 100%;
-    }
-}
-
 .#{$ns}Page-toolbar {
     .#{$ns}Button + .#{$ns}Button {
         margin-left: $gap-xs;
     }
 }
+
+.#{$ns}Page-aside {
+    background-color: $Page-aside-bg;
+}
+
+@include media-breakpoint-up(md) {
+    .#{$ns}Page-aside {
+        &::before {
+            content: "";
+            position: absolute;
+            width: inherit;
+            top: 0;
+            bottom: 0;
+            z-index: -1;
+            background-color: inherit;
+            border: inherit;
+        }
+    
+        width: $Page-aside-width;
+        border-right: $borderWidth solid $borderColor;
+    }
+    
+    .#{$ns}Page--withSidebar {
+        display: table;
+        table-layout: fixed;
+        width: 100%;
+        height: 100%;
+        border-spacing: 0;
+    
+        .#{$ns}Page-aside,
+        .#{$ns}Page-content {
+            display: table-cell;
+            vertical-align: top;
+        }
+    
+        .#{$ns}Page-content {
+            width: 100%;
+        }
+    }
+}