Cosmetics

pull/1196/head^2
Cagatay Civici 2021-05-12 12:34:53 +03:00
parent 5e3c88ffad
commit 65d36f2a0b
4 changed files with 18 additions and 6 deletions

View File

@ -20,7 +20,7 @@
<img :src="'demo/images/product/' + slotProps.item.image" :alt="slotProps.item.name" />
</div>
<div class="product-list-detail">
<h5 class="p-mb-2">{{slotProps.item.name}}</h5>
<h6 class="p-mb-2">{{slotProps.item.name}}</h6>
<i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span>
</div>
@ -87,11 +87,13 @@ export default {
.product-category-icon {
vertical-align: middle;
margin-right: .5rem;
font-size: .875rem;
}
.product-category {
vertical-align: middle;
line-height: 1;
font-size: .875rem;
}
}

View File

@ -217,7 +217,7 @@ export default {
<img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" :alt="slotProps.item.name" />
</div>
<div class="product-list-detail">
<h5 class="p-mb-2">{{slotProps.item.name}}</h5>
<h6 class="p-mb-2">{{slotProps.item.name}}</h6>
<i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span>
</div>
@ -282,11 +282,13 @@ export default {
.product-category-icon {
vertical-align: middle;
margin-right: .5rem;
font-size: .875rem;
}
.product-category {
vertical-align: middle;
line-height: 1;
font-size: .875rem;
}
}
@ -322,7 +324,7 @@ export default {
<img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" :alt="slotProps.item.name" />
</div>
<div class="product-list-detail">
<h5 class="p-mb-2">{{slotProps.item.name}}</h5>
<h6 class="p-mb-2">{{slotProps.item.name}}</h6>
<i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span>
</div>
@ -387,11 +389,13 @@ export default {
.product-category-icon {
vertical-align: middle;
margin-right: .5rem;
font-size: .875rem;
}
.product-category {
vertical-align: middle;
line-height: 1;
font-size: .875rem;
}
}

View File

@ -23,7 +23,7 @@
<img :src="'demo/images/product/' + slotProps.item.image" :alt="slotProps.item.name" />
</div>
<div class="product-list-detail">
<h5 class="p-mb-2">{{slotProps.item.name}}</h5>
<h6 class="p-mb-2">{{slotProps.item.name}}</h6>
<i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span>
</div>
@ -90,11 +90,13 @@ export default {
.product-category-icon {
vertical-align: middle;
margin-right: .5rem;
font-size: .875rem;
}
.product-category {
vertical-align: middle;
line-height: 1;
font-size: .875rem;
}
}

View File

@ -282,7 +282,7 @@ export default {
<img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" />
</div>
<div class="product-list-detail">
<h5 class="p-mb-2">{{slotProps.item.name}}</h5>
<h6 class="p-mb-2">{{slotProps.item.name}}</h6>
<i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span>
</div>
@ -341,11 +341,13 @@ export default {
.product-category-icon {
vertical-align: middle;
margin-right: .5rem;
font-size: .875rem;
}
.product-category {
vertical-align: middle;
line-height: 1;
font-size: .875rem;
}
}
@ -384,7 +386,7 @@ export default {
<img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" />
</div>
<div class="product-list-detail">
<h5 class="p-mb-2">{{slotProps.item.name}}</h5>
<h6 class="p-mb-2">{{slotProps.item.name}}</h6>
<i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span>
</div>
@ -442,11 +444,13 @@ export default {
.product-category-icon {
vertical-align: middle;
margin-right: .5rem;
font-size: .875rem;
}
.product-category {
vertical-align: middle;
line-height: 1;
font-size: .875rem;
}
}