Commit 74f83d906d9cf6f57d3c4e429d0d1e8d0dd55f87
1 parent
13356a36c2
Exists in
master
and in
1 other branch
Arreglo en vista.
Showing
2 changed files
with
29 additions
and
30 deletions
Show diff stats
src/app/components/confirmacion-carrito/confirmacion-carrito.component.html
| ... | ... | @@ -10,7 +10,7 @@ |
| 10 | 10 | <div class="row m-0"> |
| 11 | 11 | <div class="col-12 p-0"> |
| 12 | 12 | <p class="h5 py-1 bg-gray text-muted text-center m-0"> |
| 13 | - Pagar | |
| 13 | + | |
| 14 | 14 | </p> |
| 15 | 15 | </div> |
| 16 | 16 | </div> |
| ... | ... | @@ -31,38 +31,38 @@ |
| 31 | 31 | |
| 32 | 32 | <div [ngClass]="{'mt-5': verQR}" class="row m-0"> |
| 33 | 33 | <!-- GRILLA DE PRODUCTOS DE MI COMPRA --> |
| 34 | - <div *ngIf="!verQR" class="col-sm-9"> | |
| 34 | + <div *ngIf="!verQR" class="col-sm-9 pr-1"> | |
| 35 | 35 | <div class="row mx-1 pr-1 vh-70 overflow-scroll text-dark"> |
| 36 | - <div class="col-4 p-2" *ngFor="let producto of productos"> | |
| 37 | - <div class="bg-white rounded-sm shadow border-0"> | |
| 38 | - <img | |
| 39 | - src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}" | |
| 40 | - class="shadow rounded-sm w-100 m-auto"> | |
| 41 | - <div class="p-2"> | |
| 42 | - <p class="h6 min-h-55 text-left m-0"> | |
| 43 | - <small> | |
| 44 | - {{producto.DET_LAR}} | |
| 45 | - </small> | |
| 46 | - </p> | |
| 47 | - <div *ngIf="producto.tieneSinonimos"> | |
| 48 | - <p *ngFor="let p of producto.productos" class="h6 text-left m-0"> | |
| 49 | - <small> | |
| 50 | - - {{p.cantidad * producto.cantidad}} {{p.DET_LAR}} | |
| 36 | + <div class="mh-100 col-4 p-2" *ngFor="let producto of productos"> | |
| 37 | + <div class="row m-0 h-100 bg-white rounded-sm shadow border-0"> | |
| 38 | + <div class="d-flex align-items-end flex-column"> | |
| 39 | + <div class="w-100"> | |
| 40 | + <img | |
| 41 | + src="{{apiImagenes}}/imagenes/{{producto.imagenes[0].imagen}}" | |
| 42 | + class="shadow rounded-sm w-100 m-auto"> | |
| 43 | + </div> | |
| 44 | + <div class="w-100 pt-2 px-2"> | |
| 45 | + <p class="h6 text-left"> | |
| 46 | + <small class="font-weight-bold"> | |
| 47 | + {{producto.DET_LAR}} | |
| 51 | 48 | </small> |
| 52 | 49 | </p> |
| 53 | - </div> | |
| 54 | - <div class="row m-0"> | |
| 55 | - <div class="col-6 my-auto pt-2 pr-2 p-0"> | |
| 56 | - <p class="text-left m-0 h6"> | |
| 57 | - {{producto.cantidad}} x {{producto.PreVen | currency}} | |
| 58 | - </p> | |
| 59 | - </div> | |
| 60 | - <div class="col-6 my-auto pt-2 pr-2 p-0"> | |
| 61 | - <p class="text-right m-0 h6"> | |
| 62 | - {{producto.cantidad * producto.PreVen | currency}} | |
| 50 | + <div *ngIf="producto.tieneSinonimos"> | |
| 51 | + <p *ngFor="let p of producto.productos" class="h6 text-left m-0"> | |
| 52 | + <small> | |
| 53 | + - {{p.cantidad * producto.cantidad}} {{p.DET_LAR}} | |
| 54 | + </small> | |
| 63 | 55 | </p> |
| 64 | 56 | </div> |
| 65 | 57 | </div> |
| 58 | + <div class="w-100 d-flex justify-content-between mt-auto mb-1 px-2"> | |
| 59 | + <span class="text-left m-0 px-1 h6"> | |
| 60 | + {{producto.cantidad}} x {{producto.PreVen | currency}} | |
| 61 | + </span> | |
| 62 | + <span class="text-right m-0 px-1 h6"> | |
| 63 | + {{producto.cantidad * producto.PreVen | currency}} | |
| 64 | + </span> | |
| 65 | + </div> | |
| 66 | 66 | </div> |
| 67 | 67 | </div> |
| 68 | 68 | </div> |
| ... | ... | @@ -80,7 +80,7 @@ |
| 80 | 80 | |
| 81 | 81 | <!-- TICKET --> |
| 82 | 82 | <div class="col-sm-3 px-1"> |
| 83 | - <div class="card rounded-sm shadow"> | |
| 83 | + <div class="card shadow"> | |
| 84 | 84 | <div class="card-body"> |
| 85 | 85 | <p class="h5 card-title">Su Ticket</p> |
| 86 | 86 | <div class="row mt-4 m-0"> |
src/app/components/sidebar/sidebar.component.html
| ... | ... | @@ -6,8 +6,7 @@ |
| 6 | 6 | <i class="fa fa-shopping-cart" aria-hidden="true"></i> |
| 7 | 7 | </p> |
| 8 | 8 | |
| 9 | - <div | |
| 10 | - class="overflow-scroll px-1 mb-1 w-100"> | |
| 9 | + <div class="overflow-scroll px-1 mb-1 w-100"> | |
| 11 | 10 | <!-- PRODUCTOS CARRITO --> |
| 12 | 11 | <div class="row m-0" |
| 13 | 12 | *ngFor="let producto of productosCarrito"> |