cancelar-compra.component.html 1.84 KB
<div class="row justify-content-center mt-2">
  <img class="w-15 h-15" src="../../../assets/img/logo-spot.svg">
</div>
<div class="row mt-3 mx-0 justify-content-around h-75">
  <div class="col-5 col-md-6 col-lg-3 h-100">
    <div class="p-3 bg-white text-center shadow-lg rounded h-100">
      <h5 class="pt-3 mt-3">NECESITA</h5>
      <h3 class="font-weight-bold text-secondary">más tiempo</h3>
      <h5>PARA SU PEDIDO?</h5>
    </div>
  </div>
</div>
<!-- BUTTONS -->
<div class="h-25">
  <div class="row mt-5 h-auto justify-content-center mx-0">
    <div class="col-auto px-0 h-auto align-self-start">
      <div
        class="btn-effect col-auto align-self-center px-0 bg-white"
        (click)="volverPreviousPage()">
        <div class="row mx-0 bg-primary badge-pill">
          <div class="col-auto align-self-center text-white">continuar compra</div>
          <div class="col-auto align-self-center p-0">
            <img
              draggable="false"
              ondragstart="return false;"
              (contextmenu)="false"
              class="p-1 icon-30"
              src="assets/img/ir.svg">
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="row mt-4 h-auto justify-content-center mx-0">
    <div class="col-auto px-0 h-auto align-self-start">
      <div
        class="btn-effect col-auto align-self-center px-0 bg-white"
        (click)="limpiarCarritoYvolver()">
        <div class="row mx-0 cancelar-compra badge-pill">
          <div class="col-auto align-self-center">cancelar compra</div>
          <div class="col-auto align-self-center p-0">
            <img
            draggable="false"
            ondragstart="return false;"
            (contextmenu)="false"
            class="p-1 icon-30"
            src="assets/img/icono-cancelar-color.svg">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>