verdnatura/salix-front
verdnatura
/
salix-front
3
3
Fork 1
Code Issues Pull Requests 74 Releases Wiki Activity

feat: refs #8863 add style to price tag
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Pau Rovira 2025-04-28 09:21:03 +02:00
parent 6273aea7ff
commit 98548b0df6
1 changed files with 31 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/ui/CatalogItem.vue
View File

@ -60,8 +60,9 @@ const card = toRef(props, 'item');
<div class="footer"> <div class="footer">
<div class="price"> <div class="price">
<p v-if="isCatalog"> <p v-if="isCatalog">
{{ card.available }} {{ t('to') }} <span class="available">{{ card.available }}</span>
{{ toCurrency(card.price) }} {{ t('to') }}
<span class="price-value">{{ toCurrency(card.price) }}</span>
</p> </p>
<slot name="price" /> <slot name="price" />
<QIcon v-if="isCatalog" name="add_circle" class="icon"> <QIcon v-if="isCatalog" name="add_circle" class="icon">
@ -132,7 +133,6 @@ const card = toRef(props, 'item');
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 4px; gap: 4px;
white-space: nowrap;
width: 192px; width: 192px;
p { p {
margin-bottom: 0; margin-bottom: 0;
@ -145,28 +145,39 @@ const card = toRef(props, 'item');
} }
.footer { .footer {
.price { margin-top: auto;
overflow: hidden; width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
display: flex;
align-items: center;
justify-content: space-between;
p { .price {
font-size: 12px; overflow: hidden;
} white-space: nowrap;
text-overflow: ellipsis;
display: flex;
align-items: center;
justify-content: space-between;
.icon { p {
color: $primary; font-size: 12px;
font-size: 24px;
cursor: pointer;
}
} }
.price-kg { .available {
font-size: 12px; color: $primary;
} }
.price-value {
font-weight: bold;
}
.icon {
color: $primary;
font-size: 24px;
cursor: pointer;
}
}
.price-kg {
font-size: 12px;
}
} }
.item-color-container { .item-color-container {