From 81e8bc4bcf7d5121b3ee3e5d2a86fab97864e2d5 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sun, 26 Dec 2021 13:08:46 -0500
Subject: [PATCH] Revert "[S] Put title image on top"

This reverts commit d6cdfde1f0a373eb402dd0a4f1cfc7c587861826.
---
 src/components/BlogPostPreview.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/BlogPostPreview.vue b/src/components/BlogPostPreview.vue
index b0fe217..c21d569 100644
--- a/src/components/BlogPostPreview.vue
+++ b/src/components/BlogPostPreview.vue
@@ -1,11 +1,11 @@
 <template>
     <div id="BlogPostPreview" class="card">
-        <img :src="image" v-if="image" alt="Title Image">
         <div id="date">{{meta.date}}</div>
         <div id="titles">
             <div id="title">{{meta.title}}</div>
             <div id="subtitle" v-if="meta.subtitle">{{meta.subtitle}}</div>
         </div>
+        <img :src="image" v-if="image" alt="Title Image">
         <div id="preview" class="markdown-content" v-html="preview"></div>
         <div id="expand" v-if="meta.more_content">展开...</div>
     </div>
@@ -76,17 +76,15 @@ export default class BlogPostPreview extends Vue
             color: $color-text-light
 
     img
-        $margin: 20px
+        $margin: 10px
         max-width: calc(100% + 2 * $margin)
         min-width: calc(100% + 2 * $margin)
         border-radius: 10px
         margin-left: -$margin
         margin-right: -$margin
-        margin-top: -15px
-        margin-bottom: 10px
 
     #expand
         font-size: 0.8em
         padding-top: 10px
-        color: $color-text-light
+
 </style>