From e5056c45c0c15e056e89b773a85cfddd24bce221 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 12 Sep 2024 12:31:00 +0200
Subject: [PATCH] fix: refs #7500 fixed showing images wrongly

---
 src/components/common/VnDmsList.vue | 28 +++++++++++++++-------------
 src/components/ui/VnImg.vue         |  3 +--
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/components/common/VnDmsList.vue b/src/components/common/VnDmsList.vue
index c0e8ac43b..ea19bf25d 100644
--- a/src/components/common/VnDmsList.vue
+++ b/src/components/common/VnDmsList.vue
@@ -93,19 +93,21 @@ const dmsFilter = {
 
 const columns = computed(() => [
     {
-        align: 'left',
-        field: 'file',
-        label: t('globals.file'),
+        label: '',
         name: 'file',
+        align: 'left',
         component: VnImg,
-        props: (prop) => ({
-            storage: 'dms',
-            collection: null,
-            size: null,
-            id: prop.row.file.split('.')[0],
-            token: token,
-            class: 'rounded',
-        }),
+        props: (prop) => {
+            return {
+                storage: 'dms',
+                collection: null,
+                resolution: null,
+                id: prop.row.file.split('.')[0],
+                token: token,
+                class: 'rounded',
+                ratio: 1,
+            };
+        },
     },
     {
         align: 'left',
@@ -397,10 +399,10 @@ defineExpose({
     </QPageSticky>
 </template>
 <style scoped>
-.q-gutter-y-ms {
+/* .q-gutter-y-ms {
     display: grid;
     row-gap: 20px;
-}
+} */
 .labelColor {
     color: var(--vn-label-color);
 }
diff --git a/src/components/ui/VnImg.vue b/src/components/ui/VnImg.vue
index 19ac8ce7f..834f9afdc 100644
--- a/src/components/ui/VnImg.vue
+++ b/src/components/ui/VnImg.vue
@@ -12,12 +12,10 @@ const $props = defineProps({
     collection: {
         type: String,
         default: 'catalog',
-        required: false,
     },
     resolution: {
         type: String,
         default: '200x200',
-        required: false,
     },
     zoomResolution: {
         type: String,
@@ -68,6 +66,7 @@ defineExpose({
             v-bind="$attrs"
             spinner-color="primary"
             class="img_zoom"
+            :ratio="0"
         />
     </QDialog>
 </template>