Commit 05782f8734a3e8cd2e517d6ad29ee7b411b86cb9
1 parent
a306f67827
Exists in
develop
and in
1 other branch
cambio nombre clase
Showing
2 changed files
with
2 additions
and
2 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="w-20 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 mt-5 mx-0 justify-content-around h-30"> |
| 5 | <div class="col-5 col-md-6 col-lg-3 h-100"> | 5 | <div class="col-5 col-md-6 col-lg-3 h-100"> |
| 6 | <div class="p-3 bg-white text-center shadow-lg rounded h-100"> | 6 | <div class="p-3 bg-white text-center shadow-lg rounded h-100"> |
| 7 | <h4 class="pt-3 mt-5">NECESITA</h4> | 7 | <h4 class="pt-3 mt-5">NECESITA</h4> |
| 8 | <h2 class="font-weight-bold text-secondary mt-4">más tiempo</h2> | 8 | <h2 class="font-weight-bold text-secondary mt-4">más tiempo</h2> |
| 9 | <h4 class="mt-4">PARA SU PEDIDO?</h4> | 9 | <h4 class="mt-4">PARA SU PEDIDO?</h4> |
| 10 | </div> | 10 | </div> |
| 11 | </div> | 11 | </div> |
| 12 | </div> | 12 | </div> |
| 13 | <!-- BUTTONS --> | 13 | <!-- BUTTONS --> |
| 14 | <div class="row mt-5 h-auto justify-content-center mx-0"> | 14 | <div class="row mt-5 h-auto justify-content-center mx-0"> |
| 15 | <div class="col-auto px-0 h-auto align-self-start"> | 15 | <div class="col-auto px-0 h-auto align-self-start"> |
| 16 | <div | 16 | <div |
| 17 | class="btn-effect col-auto align-self-center px-0 bg-white" | 17 | class="btn-effect col-auto align-self-center px-0 bg-white" |
| 18 | (click)="volverPreviousPage()"> | 18 | (click)="volverPreviousPage()"> |
| 19 | <div class="row mx-0 bg-primary badge-pill"> | 19 | <div class="row mx-0 bg-primary badge-pill"> |
| 20 | <div class="col-auto align-self-center text-white">continuar compra</div> | 20 | <div class="col-auto align-self-center text-white">continuar compra</div> |
| 21 | <div class="col-auto align-self-center p-0"> | 21 | <div class="col-auto align-self-center p-0"> |
| 22 | <img | 22 | <img |
| 23 | draggable="false" | 23 | draggable="false" |
| 24 | ondragstart="return false;" | 24 | ondragstart="return false;" |
| 25 | (contextmenu)="false" | 25 | (contextmenu)="false" |
| 26 | class="p-1 icon-30" | 26 | class="p-1 icon-30" |
| 27 | src="assets/img/ir.svg"> | 27 | src="assets/img/ir.svg"> |
| 28 | </div> | 28 | </div> |
| 29 | </div> | 29 | </div> |
| 30 | </div> | 30 | </div> |
| 31 | </div> | 31 | </div> |
| 32 | </div> | 32 | </div> |
| 33 | <div class="row mt-4 h-auto justify-content-center mx-0"> | 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"> | 34 | <div class="col-auto px-0 h-auto align-self-start"> |
| 35 | <div | 35 | <div |
| 36 | class="btn-effect col-auto align-self-center px-0 bg-white" | 36 | class="btn-effect col-auto align-self-center px-0 bg-white" |
| 37 | (click)="limpiarCarritoYvolver()"> | 37 | (click)="limpiarCarritoYvolver()"> |
| 38 | <div class="row mx-0 cancelar-compra badge-pill"> | 38 | <div class="row mx-0 background-grey badge-pill"> |
| 39 | <div class="col-auto align-self-center">cancelar compra</div> | 39 | <div class="col-auto align-self-center">cancelar compra</div> |
| 40 | <div class="col-auto align-self-center p-0"> | 40 | <div class="col-auto align-self-center p-0"> |
| 41 | <img | 41 | <img |
| 42 | draggable="false" | 42 | draggable="false" |
| 43 | ondragstart="return false;" | 43 | ondragstart="return false;" |
| 44 | (contextmenu)="false" | 44 | (contextmenu)="false" |
| 45 | class="p-1 icon-30" | 45 | class="p-1 icon-30" |
| 46 | src="assets/img/icono-cancelar-color.svg"> | 46 | src="assets/img/icono-cancelar-color.svg"> |
| 47 | </div> | 47 | </div> |
| 48 | </div> | 48 | </div> |
| 49 | </div> | 49 | </div> |
| 50 | </div> | 50 | </div> |
| 51 | </div> | 51 | </div> |
| 52 | 52 |
src/app/modules/cancelar-compra/cancelar-compra.component.scss
| 1 | .cancelar-compra { | 1 | .background-grey { |
| 2 | background-color: rgb(212, 212, 212); | 2 | background-color: rgb(212, 212, 212); |
| 3 | } | 3 | } |
| 4 | 4 |