fix: optimize style

Author: reco_luan

packages/vuepress-theme-reco/components/Home.vue

@@ -9,7 +9,12 @@
           alt="hero">
       </ModuleTransition>
       <ModuleTransition delay="0.04">
-        <h1 v-if="recoShowModule && $frontmatter.heroText !== null">{{ $frontmatter.heroText || $title || 'vuePress-theme-reco' }}</h1>
+        <h1
+          v-if="recoShowModule && $frontmatter.heroText !== null"
+          :style="{ marginTop: $frontmatter.heroImage ? '0px' : '140px'}"
+        >
+          {{ $frontmatter.heroText || $title || 'vuePress-theme-reco' }}
+        </h1>
       </ModuleTransition>
       <ModuleTransition delay="0.08">
         <p v-if="recoShowModule && $frontmatter.tagline !== null" class="description">
@@ -95,7 +100,7 @@ export default {
       font-size: 1.2rem;
       color: #fff;
       background-color: $accentColor;
-      padding: 0.6rem 1.2rem;
+      padding: 0.2rem 1.2rem;
       border-radius: $borderRadius
       transition: background-color 0.1s ease;
       box-sizing: border-box;

packages/vuepress-theme-reco/components/Page.vue

@@ -260,6 +260,17 @@ function flatten (items, res) {
     margin: 0 auto;
     padding: 1rem 2.5rem;
     color var(--text-color)
+  .theme-reco-content h2
+    position relative
+    padding-left 0.8rem
+    &::before
+      position absolute
+      left 0
+      bottom 0
+      display block
+      height 1.8rem
+      content ''
+      border-left 5px solid $accentColor
   .page-edit
     @extend $wrapper
     padding-top 1rem

packages/vuepress-theme-reco/styles/theme.styl

@@ -125,17 +125,7 @@ h1
     display block
 
 h2
-  position relative
-  padding-left 0.8rem
   font-size 1.4rem
-  &::before
-    position: absolute
-    left 0
-    bottom 0
-    display: block
-    height 1.8rem
-    content: ''
-    border-left 5px solid $accentColor
 
 h3
   font-size 1.2rem