From 2539477b0008bc2f3d06a35d67b6a720dee4803a Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Wed, 8 May 2024 09:23:53 +0000
Subject: [PATCH] fix: fit image and avoid cropping bottom part in modal

---
 packages/nc-gui/components/cell/attachment/Image.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/Image.vue b/packages/nc-gui/components/cell/attachment/Image.vue
index 2c0a768c28..3555c0a62c 100644
--- a/packages/nc-gui/components/cell/attachment/Image.vue
+++ b/packages/nc-gui/components/cell/attachment/Image.vue
@@ -16,7 +16,7 @@ const onError = () => index.value++
 <template>
   <LazyNuxtImg
     v-if="index < props.srcs.length"
-    class="m-auto h-full w-auto"
+    class="m-auto h-full w-auto object-cover"
     :src="props.srcs[index]"
     :alt="props?.alt || ''"
     placeholder
diff --git a/packages/nc-gui/components/cell/attachment/Modal.vue b/packages/nc-gui/components/cell/attachment/Modal.vue
index 0e0bb4bdf7..22ee83f5b2 100644
--- a/packages/nc-gui/components/cell/attachment/Modal.vue
+++ b/packages/nc-gui/components/cell/attachment/Modal.vue
@@ -170,7 +170,7 @@ const handleFileDelete = (i: number) => {
               <LazyCellAttachmentImage
                 v-if="isImage(item.title, item.mimetype)"
                 :srcs="getPossibleAttachmentSrc(item)"
-                class="object-cover h-64 m-auto justify-center"
+                class="max-h-full h-64 m-auto justify-center"
                 @click.stop="onClick(item)"
               />