优化移动端样式

scss/components/_page.scss

@@ -52,7 +52,18 @@
     }
 }
 
+.#{$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;
@@ -65,11 +76,10 @@
         }
     
         width: $Page-aside-width;
-    background-color: $Page-aside-bg;
         border-right: $borderWidth solid $borderColor;
-}
+    }
     
-.#{$ns}Page--withSidebar {
+    .#{$ns}Page--withSidebar {
         display: table;
         table-layout: fixed;
         width: 100%;
@@ -85,10 +95,5 @@
         .#{$ns}Page-content {
             width: 100%;
         }
-}
-
-.#{$ns}Page-toolbar {
-    .#{$ns}Button + .#{$ns}Button {
-        margin-left: $gap-xs;
     }
 }