fix: remove excess space in mobile side

billyyyyy3320 · billyyyyy3320 · commit c4cc56e516da · 2019-09-10T21:56:53.000+08:00
diff --git a/layouts/GlobalLayout.vue b/layouts/GlobalLayout.vue
@@ -43,4 +43,9 @@
     min-height calc(100vh - 80px - 60px - 160px)
     max-width 740px
     margin 0 auto
+
+  @media (max-width: $MQMobile)
+    .content-wrapper
+      padding 100px 15px 20px 15px
+      min-height calc(100vh - 20px - 60px - 100px)
 </style>
diff --git a/styles/mobile.styl b/styles/mobile.styl
@@ -26,6 +26,8 @@ $mobileSidebarWidth = $sidebarWidth * 0.82
     &.no-navbar
       .sidebar
         padding-top: 0
+  {$contentClass}:not(.custom) > h1:first-child
+    padding-top 2rem
 
 // narrow mobile
 @media (max-width: $MQMobileNarrow)
