danielGe/TiendaFront
2
0
Fork 0
Code Issues Pull Requests 3 Releases Wiki Activity

component fix

Browse Source
This commit is contained in:
Enrique Maya García
2020-10-28 13:16:45 -06:00
parent b18c5eb606
commit 03a0372ec6
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/SearchResultsPage.vue
+10 -4
View File
@@ -4,15 +4,15 @@
<p>Hay {{productResult[0].numberFound}} productos</p>
<div class="my-4 d-flex justify-content-sm-start justify-content-center flex-wrap">
<div class="card g-card-sty mr-4 mb-3" style="width: 12rem;">
<img v-bind:src="productResult[0].img" class="card-img-top" alt="...">
<div class="card-body text-center">
<img v-bind:src="productResult[0].img" class="card-img-top" style="height:250px" alt="...">
<div class="card-body text-center" maxlength="5">
<p class="card-text">{{productResult[0].description}}</p>
<span><b>${{productResult[0].price}}</b></span>
</div>
</div>
<div class="card g-card-sty mr-4 mb-3" style="width: 12rem;">
<img v-bind:src="productResult[1].img" class="card-img-top" alt="...">
<img v-bind:src="productResult[1].img" class="card-img-top" style="height:250px" alt="...">
<div class="card-body text-center">
<p class="card-text">{{productResult[1].description}}</p>
<span><b>${{productResult[1].price}}</b></span>
@@ -20,7 +20,7 @@
</div>
<div class="card g-card-sty mr-4 mb-3" style="width: 12rem;">
<img v-bind:src="productResult[2].img" class="card-img-top" alt="...">
<img v-bind:src="productResult[2].img" class="card-img-top" style="height:250px" alt="...">
<div class="card-body text-center">
<p class="card-text">{{productResult[2].description}}</p>
<span><b>${{productResult[2].price}}</b></span>
@@ -73,4 +73,10 @@ export default {
-moz-box-shadow: 3px 3px 6px 0.2px rgba(0,0,0,0.2);
box-shadow: 3px 3px 6px 0.2px rgba(0,0,0,0.2);
}
p {
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
</style>