fix: 修复部分显示bug

MicroAppJS · Mar 1, 2020 · c3f2f21 · c3f2f21
1 parent 1f4da07
commit c3f2f21
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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;
     }
 }