verdnatura/hedera-web
verdnatura
/
hedera-web
0
1
Fork 3
Code Issues Pull Requests 7 Releases Wiki Activity

Fix image sizes
gitea/hedera-web/pipeline/pr-4922-vueMigration This commit looks good Details

This commit is contained in:
William Buezas 2024-09-24 09:28:38 -03:00
parent e6f0320cf5
commit 58b7325605
2 changed files with 24 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/pages/Ecomerce/CatalogCard.vue
View File

@ -16,15 +16,13 @@ const { t } = useI18n();
<template> <template>
<QCard v-if="viewMode === 'grid'" v-ripple class="catalog-card"> <QCard v-if="viewMode === 'grid'" v-ripple class="catalog-card">
<div style="height: 210px"> <VnImg
<VnImg storage="catalog"
storage="catalog" size="200x200"
size="200x200" :id="item.image"
:id="item.image" height="210px"
rounded="bottom" rounded="bottom"
class="full-height full-width" />
/>
</div>
<div class="column" style="height: 205px; padding: 10px"> <div class="column" style="height: 205px; padding: 10px">
<div class="column" style="margin-bottom: auto"> <div class="column" style="margin-bottom: auto">
<div class="text-subtitle2 ellipsis-2-lines"> <div class="text-subtitle2 ellipsis-2-lines">
@ -88,15 +86,15 @@ const { t } = useI18n();
</QCard> </QCard>
<CardList v-else class="vn-w-sm"> <CardList v-else class="vn-w-sm">
<template #prepend> <template #prepend>
<div style="min-height: 105px; min-width: 105px" class="q-mr-md"> <VnImg
<VnImg storage="catalog"
storage="catalog" size="200x200"
size="200x200" :id="item.image"
:id="item.image" width="105px"
rounded-borders="full" height="105px"
class="full-height full-width" rounded-borders="full"
/> class="q-mr-md"
</div> />
</template> </template>
<template #content> <template #content>
<span class="ellipsis-2-lines"> <span class="ellipsis-2-lines">

21
src/pages/Ecomerce/CatalogView.vue
View File

@ -173,20 +173,15 @@
<QDialog v-model="showItemDialog"> <QDialog v-model="showItemDialog">
<QCard style="width: 25em" class="column"> <QCard style="width: 25em" class="column">
<div class="q-pa-md" style="display: flex"> <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" 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="column">
<div class="text-subtitle2"> <div class="text-subtitle2">
{{ selectedItem.item }} {{ selectedItem.item }}