style tweaks

Author: yyx990803

lib/default-theme/Navbar.vue

@@ -45,10 +45,10 @@ export default {
     margin-right 0.8rem
   .site-name
     font-size 1.3rem
+    line-height 2rem
     font-weight 600
     color $textColor
     position relative
-    top -0.125rem
   .links
     font-size 0.9rem
     position absolute

lib/default-theme/SearchBox.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="search-box">
-    <input v-model="query"
+    <input
+      @input="query = $event.target.value"
+      :value="query"
       autocomplete="off"
       spellcheck="false"
       @focus="focused = true"

lib/default-theme/Sidebar.vue

@@ -155,10 +155,12 @@ function resolveItem (item, pages, base, isNested) {
       font-size 1.1em
       padding 0.5rem 0 0.5rem 1.5rem
   .sidebar-links
-    margin-top 1rem
+    margin-top 1.5rem
 
 @media (max-width: $MQMobile)
   .sidebar
     .nav-links
       display block
+    .sidebar-links
+      margin-top 1rem
 </style>

lib/default-theme/styles/mobile.styl

@@ -29,6 +29,8 @@ $mobileSidebarWidth = $sidebarWidth * 0.82
 
 // narrow mobile
 @media (max-width: $MQMobileNarrow)
+  h1
+    font-size 1.9rem
   pre, pre[class*="language-"]
     margin 0.85rem -1.5rem
     border-radius 0

lib/default-theme/styles/theme.styl

@@ -39,7 +39,6 @@ body
   top $navbarHeight
   left 0
   bottom 0
-  padding 1.5rem 0
   box-sizing border-box
   border-right 1px solid $borderColor
   overflow-y scroll
@@ -88,13 +87,15 @@ strong
 h1, h2, h3, h4, h5, h6
   font-weight 600
   line-height 1.25
-  .content:not(.custom) &
+  .content:not(.custom) > &
     margin-top (0.5rem - $navbarHeight)
     padding-top ($navbarHeight + 1rem)
     margin-bottom 0
     &:first-child
       margin-top -1.5rem
       margin-bottom 1rem
+      + p
+        margin-top 2rem
   &:hover .header-anchor
     opacity: 1