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" /> <img :src="'demo/images/product/' + slotProps.item.image" :alt="slotProps.item.name" />
</div> </div>
<div class="product-list-detail"> <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> <i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span> <span class="product-category">{{slotProps.item.category}}</span>
</div> </div>
@ -87,11 +87,13 @@ export default {
.product-category-icon { .product-category-icon {
vertical-align: middle; vertical-align: middle;
margin-right: .5rem; margin-right: .5rem;
font-size: .875rem;
} }
.product-category { .product-category {
vertical-align: middle; vertical-align: middle;
line-height: 1; 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" /> <img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" :alt="slotProps.item.name" />
</div> </div>
<div class="product-list-detail"> <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> <i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span> <span class="product-category">{{slotProps.item.category}}</span>
</div> </div>
@ -282,11 +282,13 @@ export default {
.product-category-icon { .product-category-icon {
vertical-align: middle; vertical-align: middle;
margin-right: .5rem; margin-right: .5rem;
font-size: .875rem;
} }
.product-category { .product-category {
vertical-align: middle; vertical-align: middle;
line-height: 1; 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" /> <img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" :alt="slotProps.item.name" />
</div> </div>
<div class="product-list-detail"> <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> <i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span> <span class="product-category">{{slotProps.item.category}}</span>
</div> </div>
@ -387,11 +389,13 @@ export default {
.product-category-icon { .product-category-icon {
vertical-align: middle; vertical-align: middle;
margin-right: .5rem; margin-right: .5rem;
font-size: .875rem;
} }
.product-category { .product-category {
vertical-align: middle; vertical-align: middle;
line-height: 1; line-height: 1;
font-size: .875rem;
} }
} }

View File

@ -23,7 +23,7 @@
<img :src="'demo/images/product/' + slotProps.item.image" :alt="slotProps.item.name" /> <img :src="'demo/images/product/' + slotProps.item.image" :alt="slotProps.item.name" />
</div> </div>
<div class="product-list-detail"> <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> <i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span> <span class="product-category">{{slotProps.item.category}}</span>
</div> </div>
@ -90,11 +90,13 @@ export default {
.product-category-icon { .product-category-icon {
vertical-align: middle; vertical-align: middle;
margin-right: .5rem; margin-right: .5rem;
font-size: .875rem;
} }
.product-category { .product-category {
vertical-align: middle; vertical-align: middle;
line-height: 1; 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" /> <img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" />
</div> </div>
<div class="product-list-detail"> <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> <i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span> <span class="product-category">{{slotProps.item.category}}</span>
</div> </div>
@ -341,11 +341,13 @@ export default {
.product-category-icon { .product-category-icon {
vertical-align: middle; vertical-align: middle;
margin-right: .5rem; margin-right: .5rem;
font-size: .875rem;
} }
.product-category { .product-category {
vertical-align: middle; vertical-align: middle;
line-height: 1; 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" /> <img src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" />
</div> </div>
<div class="product-list-detail"> <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> <i class="pi pi-tag product-category-icon"></i>
<span class="product-category">{{slotProps.item.category}}</span> <span class="product-category">{{slotProps.item.category}}</span>
</div> </div>
@ -442,11 +444,13 @@ export default {
.product-category-icon { .product-category-icon {
vertical-align: middle; vertical-align: middle;
margin-right: .5rem; margin-right: .5rem;
font-size: .875rem;
} }
.product-category { .product-category {
vertical-align: middle; vertical-align: middle;
line-height: 1; line-height: 1;
font-size: .875rem;
} }
} }