Commit acdf8dae0cafcd519c8a917a71ce6baaa9c26e62
1 parent
26d8270071
Exists in
develop
Arreglo visual en pantalla cancelar compra
Showing
1 changed file
with
39 additions
and
39 deletions
Show diff stats
src/app/modules/cancelar-compra/cancelar-compra.component.html
| 1 | <div class="row justify-content-center mt-2 h-15"> | 1 | <div class="row justify-content-center mt-2 h-15"> |
| 2 | <img class="w-20 my-auto" src="../../../assets/img/logo-spot.svg"> | 2 | <img class="h-100 w-auto my-auto" src="../../../assets/img/logo-spot.svg"> |
| 3 | </div> | 3 | </div> |
| 4 | <div class="row mt-5 mx-0 justify-content-around h-30"> | 4 | <div class="row mx-auto h-70"> |
| 5 | <div class="col-5 col-md-6 col-lg-3 h-100"> | 5 | <div class="col-12 align-self-center"> |
| 6 | <div class="p-3 bg-white text-center shadow-lg rounded h-100"> | 6 | <div class="row mt-5 mx-0 justify-content-around"> |
| 7 | <h4 class="pt-3 mt-5">NECESITA</h4> | 7 | <div class="col-5 col-md-6 col-lg-3"> |
| 8 | <h2 class="font-weight-bold text-secondary mt-4">más tiempo</h2> | 8 | <div class="p-3 bg-white text-center shadow-lg rounded"> |
| 9 | <h4 class="mt-4">PARA SU PEDIDO?</h4> | 9 | <p class="mt-4 h4">NECESITA</p> |
| 10 | <p class="font-weight-bold text-secondary my-4 h2">más tiempo</p> | ||
| 11 | <p class="mb-4 h4">PARA SU PEDIDO?</p> | ||
| 12 | </div> | ||
| 13 | </div> | ||
| 10 | </div> | 14 | </div> |
| 11 | </div> | 15 | <!-- BUTTONS --> |
| 12 | </div> | 16 | <div class="row mx-0 mt-5 justify-content-center"> |
| 13 | <!-- BUTTONS --> | 17 | <div class="col-auto px-0 align-self-start"> |
| 14 | <div class="row mt-5 h-auto justify-content-center mx-0"> | 18 | <div |
| 15 | <div class="col-auto px-0 h-auto align-self-start"> | 19 | class="row mx-0 py-1 btn-effect bg-primary badge-pill" |
| 16 | <div | 20 | (click)="volverPreviousPage()"> |
| 17 | class="btn-effect col-auto align-self-center px-0 bg-white" | 21 | <div class="col-auto align-self-center text-white">continuar compra</div> |
| 18 | (click)="volverPreviousPage()"> | 22 | <div class="col-auto align-self-center p-0"> |
| 19 | <div class="row mx-0 bg-primary badge-pill"> | 23 | <img |
| 20 | <div class="col-auto align-self-center text-white">continuar compra</div> | 24 | draggable="false" |
| 21 | <div class="col-auto align-self-center p-0"> | 25 | ondragstart="return false;" |
| 22 | <img | 26 | (contextmenu)="false" |
| 27 | class="p-1 icon-30" | ||
| 28 | src="assets/img/ir.svg"> | ||
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | </div> | ||
| 32 | </div> | ||
| 33 | <div class="row mx-0 mt-4 justify-content-center"> | ||
| 34 | <div class="col-auto px-0 align-self-start"> | ||
| 35 | <div | ||
| 36 | class="row mx-0 py-1 btn-effect bg-grey badge-pill" | ||
| 37 | (click)="limpiarCarritoYvolver()"> | ||
| 38 | <div class="col-auto align-self-center">cancelar compra</div> | ||
| 39 | <div class="col-auto align-self-center p-0"> | ||
| 40 | <img | ||
| 23 | draggable="false" | 41 | draggable="false" |
| 24 | ondragstart="return false;" | 42 | ondragstart="return false;" |
| 25 | (contextmenu)="false" | 43 | (contextmenu)="false" |
| 26 | class="p-1 icon-30" | 44 | class="p-1 icon-30" |
| 27 | src="assets/img/ir.svg"> | 45 | src="assets/img/icono-cancelar-color.svg"> |
| 28 | </div> | 46 | </div> |
| 29 | </div> | ||
| 30 | </div> | ||
| 31 | </div> | ||
| 32 | </div> | ||
| 33 | <div class="row mt-4 h-auto justify-content-center mx-0"> | ||
| 34 | <div class="col-auto px-0 h-auto align-self-start"> |