From 58b7325605b4978968fbe656125056315431f553 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 24 Sep 2024 09:28:38 -0300
Subject: [PATCH] Fix image sizes

---
 src/pages/Ecomerce/CatalogCard.vue | 34 ++++++++++++++----------------
 src/pages/Ecomerce/CatalogView.vue | 21 +++++++-----------
 2 files changed, 24 insertions(+), 31 deletions(-)

diff --git a/src/pages/Ecomerce/CatalogCard.vue b/src/pages/Ecomerce/CatalogCard.vue
index d975e03a..ea440862 100644
--- a/src/pages/Ecomerce/CatalogCard.vue
+++ b/src/pages/Ecomerce/CatalogCard.vue
@@ -16,15 +16,13 @@ const { t } = useI18n();
 
 <template>
     <QCard v-if="viewMode === 'grid'" v-ripple class="catalog-card">
-        <div style="height: 210px">
-            <VnImg
-                storage="catalog"
-                size="200x200"
-                :id="item.image"
-                rounded="bottom"
-                class="full-height full-width"
-            />
-        </div>
+        <VnImg
+            storage="catalog"
+            size="200x200"
+            :id="item.image"
+            height="210px"
+            rounded="bottom"
+        />
         <div class="column" style="height: 205px; padding: 10px">
             <div class="column" style="margin-bottom: auto">
                 <div class="text-subtitle2 ellipsis-2-lines">
@@ -88,15 +86,15 @@ const { t } = useI18n();
     </QCard>
     <CardList v-else class="vn-w-sm">
         <template #prepend>
-            <div style="min-height: 105px; min-width: 105px" class="q-mr-md">
-                <VnImg
-                    storage="catalog"
-                    size="200x200"
-                    :id="item.image"
-                    rounded-borders="full"
-                    class="full-height full-width"
-                />
-            </div>
+            <VnImg
+                storage="catalog"
+                size="200x200"
+                :id="item.image"
+                width="105px"
+                height="105px"
+                rounded-borders="full"
+                class="q-mr-md"
+            />
         </template>
         <template #content>
             <span class="ellipsis-2-lines">
diff --git a/src/pages/Ecomerce/CatalogView.vue b/src/pages/Ecomerce/CatalogView.vue
index 593a2fd3..b58f908f 100644
--- a/src/pages/Ecomerce/CatalogView.vue
+++ b/src/pages/Ecomerce/CatalogView.vue
@@ -173,20 +173,15 @@
         <QDialog v-model="showItemDialog">
             <QCard style="width: 25em" class="column">
                 <div class="q-pa-md" style="display: flex">
-                    <div
+                    <VnImg
+                        storage="catalog"
+                        size="200x200"
+                        :id="'asd'"
+                        width="112px"
+                        height="112px"
+                        rounded="bottom"
                         class="q-mr-md"
-                        style="min-height: 112px; min-width: 112px"
-                    >
-                        <VnImg
-                            storage="catalog"
-                            size="200x200"
-                            :id="selectedItem.image"
-                            width="80px"
-                            height="80px"
-                            rounded="bottom"
-                            class="full-height full-width"
-                        />
-                    </div>
+                    />
                     <div class="column">
                         <div class="text-subtitle2">
                             {{ selectedItem.item }}