cancelar-compra.component.html 1.76 KB
<div class="row justify-content-center mt-2 h-15">
  <img class="w-20 my-auto" src="../../../assets/img/logo-spot.svg">
</div>
<div class="row mt-5 mx-0 justify-content-around h-30">
  <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">
      <h4 class="pt-3 mt-5">NECESITA</h4>
      <h2 class="font-weight-bold text-secondary mt-4">más tiempo</h2>
      <h4 class="mt-4">PARA SU PEDIDO?</h4>
    </div>
  </div>
</div>
<!-- BUTTONS -->
<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 bg-grey 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>