Fix image sizes
gitea/hedera-web/pipeline/pr-4922-vueMigration This commit looks good
Details
gitea/hedera-web/pipeline/pr-4922-vueMigration This commit looks good
Details
This commit is contained in:
parent
e6f0320cf5
commit
58b7325605
|
@ -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">
|
||||
|
|
|
@ -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 }}
|
||||
|
|
Loading…
Reference in New Issue