fix: refs #7500 fixed showing images wrongly

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);
 }

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>