From bc4d96b3c2aaafdcb73c4d651b6b80fe0aedb50e Mon Sep 17 00:00:00 2001
From: Anda Toshiki <101481353+andatoshiki@users.noreply.github.com>
Date: Thu, 9 May 2024 18:22:18 -0700
Subject: [PATCH] style(center): add tailwind calssifier presets to justify
 figure div to horizontally center and force figure property to div

---
 src/components/Smart/Figure.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Smart/Figure.vue b/src/components/Smart/Figure.vue
index 1a412be..f385496 100755
--- a/src/components/Smart/Figure.vue
+++ b/src/components/Smart/Figure.vue
@@ -45,12 +45,12 @@ export default Vue.extend({
             loading="lazy"
             draggable="false"
             fit="cover"
-            class="object-cover w-full rounded-md"
+            class="object-cover w-full rounded-md flex justify-center mx-auto"
             :class="[imageClass, border && 'border border-black/10 dark:border-white/10']"
             :data-zoomable="zoomable"
         />
 
-        <figcaption v-if="caption" class="text-center">
+        <figcaption v-if="caption" class="text-center justify-center mx-auto">
             {{ caption }}
         </figcaption>
     </figure>