From 0034b22da4e2e8bef208871f219950b7f7ac61a3 Mon Sep 17 00:00:00 2001
From: enpitsulin <lldslm@vip.qq.com>
Date: Fri, 5 May 2023 16:22:41 +0800
Subject: [PATCH] fix: image preview should justify-center (#2062)

---
 components/modal/ModalMediaPreviewCarousel.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/modal/ModalMediaPreviewCarousel.vue b/components/modal/ModalMediaPreviewCarousel.vue
index fa71c11f..f5794c5e 100644
--- a/components/modal/ModalMediaPreviewCarousel.vue
+++ b/components/modal/ModalMediaPreviewCarousel.vue
@@ -97,7 +97,7 @@ const distanceY = computed(() => {
 <template>
   <div ref="target" flex flex-row max-h-full max-w-full overflow-hidden>
     <div flex :style="{ transform: `translateX(${distanceX}%) translateY(${distanceY}%)`, transition: isSwiping ? 'none' : canAnimate ? 'all 0.5s ease' : 'none' }">
-      <div v-for="item in media" :key="item.id" p4 select-none w-full flex-shrink-0 flex flex-col place-items-center>
+      <div v-for="item in media" :key="item.id" p4 select-none w-full flex-shrink-0 flex flex-col items-center justify-center>
         <img max-h-full max-w-full :draggable="false" select-none :src="item.url || item.previewUrl" :alt="item.description || ''">
       </div>
     </div>