From c3f2f210fd21881c9ce2333d00da5f544a03328b Mon Sep 17 00:00:00 2001
From: Zyao89 <zyao89@gmail.com>
Date: Mon, 2 Mar 2020 02:31:46 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BAbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 theme/components/PersonalInfo.vue |  2 ++
 theme/components/PostInfo.vue     | 11 ++++++++++-
 theme/styles/code.styl            | 17 +++++++++--------
 3 files changed, 21 insertions(+), 9 deletions(-)

diff --git a/theme/components/PersonalInfo.vue b/theme/components/PersonalInfo.vue
index 0471877..6a297b7 100644
--- a/theme/components/PersonalInfo.vue
+++ b/theme/components/PersonalInfo.vue
@@ -74,6 +74,8 @@ export default {
 }
 
 .left {
+    text-align: center;
+
     &[simple] {
         display: inline-block;
         width: 46%;
diff --git a/theme/components/PostInfo.vue b/theme/components/PostInfo.vue
index 5644e73..500cfac 100644
--- a/theme/components/PostInfo.vue
+++ b/theme/components/PostInfo.vue
@@ -15,7 +15,11 @@
             </template>
             <!-- $page.excerpt -->
             <template v-else-if="post.excerpt">
-                <div class="abstract" v-html="post.excerpt"></div>
+                <div
+                    :class="$style.abstract"
+                    class="theme-default-content abstract"
+                    v-html="post.excerpt"
+                ></div>
             </template>
             <!-- <Content :post-key="post.key" slot-key="summary" /> -->
         </article>
@@ -87,5 +91,10 @@ export default {
             font-size: 1.2rem;
         }
     }
+
+    .abstract {
+        padding: 0 0 1rem;
+        max-width: none;
+    }
 }
 </style>
diff --git a/theme/styles/code.styl b/theme/styles/code.styl
index d9554ea..cedf059 100644
--- a/theme/styles/code.styl
+++ b/theme/styles/code.styl
@@ -1,22 +1,23 @@
 @require '~@default-theme/styles/code'
 
 // fixed
-{$contentClass}
-    div[class*="language-"]
-        width: 100%;
-        margin: 0.85rem auto;
+div[class*="language-"]
+    width: 100%;
+    margin: 0.85rem auto;
 
-        .custom-style-wrapper.window-controls
-            padding: 10px 0 0 10px;
+    .custom-style-wrapper.window-controls
+        padding: 10px 0 0 10px;
 
 div[class*="language-"].line-numbers-mode {
     .line-numbers-wrapper {
         top: 28px;
         margin: 0.85rem 0;
+        bottom: 0px;
     }
 
     &:after {
-        top: 34px;
-        bottom: 34px;
+        top: 46px;
+        bottom: 0px;
+        height: auto;
     }
 }