Catalog view #87

Merged
jsegarra merged 14 commits from wbuezas/hedera-web-mindshore:feature/Catalog into 4922-vueMigration 2024-10-01 19:27:15 +00:00
2 changed files with 24 additions and 31 deletions
Showing only changes of commit 58b7325605 - Show all commits

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>
/>

aumentar el height, a almenos 22vh

aumentar el height, a almenos 22vh

Tamaños de imagenes ajustados.

Commit: 58b7325605

Tamaños de imagenes ajustados. Commit: https://gitea.verdnatura.es/verdnatura/hedera-web/commit/58b7325605b4978968fbe656125056315431f553
<div class="column">
<div class="text-subtitle2">
{{ selectedItem.item }}