From 61d14f1c12f87de5f289545a3e16058a693dbb82 Mon Sep 17 00:00:00 2001
From: Igor Zinken <igor.zinken@igorski.nl>
Date: Mon, 1 Jan 2024 12:41:07 +0100
Subject: [PATCH] Fix issue where S3 thumbnails would not all occupy the same
 dimensions

---
 .../aws-s3/aws-s3-image-preview.vue           | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/cloud-file-selector/aws-s3/aws-s3-image-preview.vue b/src/components/cloud-file-selector/aws-s3/aws-s3-image-preview.vue
index 7e1c210..973aa77 100644
--- a/src/components/cloud-file-selector/aws-s3/aws-s3-image-preview.vue
+++ b/src/components/cloud-file-selector/aws-s3/aws-s3-image-preview.vue
@@ -29,19 +29,17 @@
         <p
             v-if="hasNoThumb"
         >{{ node.name }}</p>
-        <div v-else>
-            <img
-                v-if="isLoading"
-                src="../../../assets-inline/animations/loader.svg"
-                class="image-preview__loader"
-            />
-            <img
-                v-else
-                :src="src"
-                class="image-preview__image"
-                @load="handleImageLoad"
-            />
-        </div>
+        <img
+            v-if="isLoading"
+            src="../../../assets-inline/animations/loader.svg"
+            class="image-preview__loader"
+        />
+        <img
+            v-else
+            :src="src"
+            class="image-preview__image"
+            @load="handleImageLoad"
+        />
     </div>
 </template>
 
@@ -98,5 +96,11 @@ export default {
 .image-preview {
     background: url("../../../assets-inline/images/icon-bpy.svg") no-repeat 50% $spacing-xlarge;
     background-size: 50%;
+
+    img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+    }
 }
 </style>