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

View File

@ -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">

View File

@ -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 }}