fix

terrerox · Dec 24, 2022 · 05156e2 · 05156e2 · vercel · Dec 24, 2022
1 parent 9d0f48f
commit 05156e2
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/src/components/Post.vue b/src/components/Post.vue
@@ -18,8 +18,8 @@ defineProps({
             </h2>
             <small>{{post.date}}</small>
         </header>
-        <section v-show="post.image_url">
-            <img :src="post.image_url" class="post-image"/>
+        <section class="image-section" v-show="post.image_url">
+            <img :src="post.image_url"/>
         </section>
         <section>
             <p>

diff --git a/src/style.css b/src/style.css
@@ -264,10 +264,15 @@ a:focus {
   margin-top: var(--spacing-8);
 }
 
-.post-image {
+.image-section {
+  display: flex;
+}
+
+.image-section > img {
   width: 630px;
   height: 474px;
 }
+
 .post-list-item p {
   margin-bottom: var(--spacing-0);
 }

diff --git a/src/views/BlogPost.vue b/src/views/BlogPost.vue
@@ -35,8 +35,8 @@ watchEffect(
                 <h1 itemProp="headline">{{postStore.post.title}}</h1>
                 <p>{{postStore.post.date}}</p>
             </header>
-            <section v-show="postStore.post.image_url">
-                <img :src="postStore.post.image_url" class="post-image"/>
+            <section class="image-section" v-show="postStore.post.image_url">
+                <img :src="postStore.post.image_url"/>
             </section>
             <section
                 itemProp="articleBody"