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