From 9409d271b6b53df48a8ce2dbf5b46bf5f7dca431 Mon Sep 17 00:00:00 2001
From: Yangjin Cho <choyj1222@gmail.com>
Date: Fri, 11 Oct 2024 21:12:50 +0900
Subject: [PATCH] feat: imporve css

---
 reader/src/ASTRv2/content/img.vue | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/reader/src/ASTRv2/content/img.vue b/reader/src/ASTRv2/content/img.vue
index d739dcb..014e91d 100644
--- a/reader/src/ASTRv2/content/img.vue
+++ b/reader/src/ASTRv2/content/img.vue
@@ -1,11 +1,13 @@
 <template>
-  <n-image
-    :class="{
-      images: imgtype == 'images' || bgMode == 'full',
-      backgrounds: imgtype == 'backgrounds' && bgMode == 'stripe',
-    }"
-    :src="getAvgUrl()"
-  />
+  <div class="image-container">
+    <n-image
+      :class="{
+        images: imgtype == 'images' || bgMode == 'full',
+        backgrounds: imgtype == 'backgrounds' && bgMode == 'stripe',
+      }"
+      :src="getAvgUrl()"
+    />
+  </div>
 </template>
 
 <script>
@@ -39,6 +41,15 @@ export default {
 </script>
 
 <style>
+.image-container {
+  text-align: center;
+}
+
+.image-container n-image {
+  display: block;
+  margin: 0 auto;
+}
+
 .line .images img {
   max-width: 500px;
   max-height: 300px;