From 70796e96a968df2a6b7e46003d8de578e89e7e7e Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Mon, 13 Feb 2023 16:00:59 +0800
Subject: [PATCH] fix(nc-gui): margin-auto -> m-auto

---
 packages/nc-gui/components/cell/attachment/Carousel.vue | 2 +-
 packages/nc-gui/components/cell/attachment/Modal.vue    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/cell/attachment/Carousel.vue b/packages/nc-gui/components/cell/attachment/Carousel.vue
index b869e19e94..78ac360651 100644
--- a/packages/nc-gui/components/cell/attachment/Carousel.vue
+++ b/packages/nc-gui/components/cell/attachment/Carousel.vue
@@ -85,7 +85,7 @@ onClickOutside(carouselRef, () => {
           <template #customPaging="props">
             <div class="cursor-pointer h-full nc-attachment-img-wrapper">
               <LazyCellAttachmentImage
-                class="!block margin-auto h-full w-full"
+                class="!block m-auto h-full w-full"
                 :alt="imageItems[props.i].title || `#${props.i}`"
                 :srcs="getPossibleAttachmentSrc(imageItems[props.i])"
               />
diff --git a/packages/nc-gui/components/cell/attachment/Modal.vue b/packages/nc-gui/components/cell/attachment/Modal.vue
index ba7039d89c..d8df476f92 100644
--- a/packages/nc-gui/components/cell/attachment/Modal.vue
+++ b/packages/nc-gui/components/cell/attachment/Modal.vue
@@ -166,7 +166,7 @@ function onRemoveFileClick(title: any, i: number) {
               <LazyCellAttachmentImage
                 v-if="isImage(item.title, item.mimetype)"
                 :srcs="getPossibleAttachmentSrc(item)"
-                class="max-w-full max-h-full margin-auto justify-center"
+                class="max-w-full max-h-full m-auto justify-center"
                 @click.stop="onClick(item)"
               />