cancelar-compra.component.html 1.82 KB
<div class="row justify-content-center mt-2 h-15">
  <img class="h-100 w-auto my-auto" src="../../../assets/img/logo-spot.svg">
</div>
<div class="row mx-auto h-70">
  <div class="col-12 align-self-center">
    <div class="row mt-5 mx-0 justify-content-around">
      <div class="col-12 col-sm-8 col-md-6 col-lg-4">
        <div class="p-3 bg-white text-center shadow-lg rounded">
          <p class="mt-4 h4">NECESITA</p>
          <p class="font-weight-bold text-secondary my-4 h2">más tiempo</p>
          <p class="mb-4 h4">PARA SU PEDIDO?</p>
        </div>
      </div>
    </div>
    <!-- BUTTONS -->
    <div class="row mx-0 mt-5 justify-content-center">
      <div class="col-auto px-0 align-self-start">
        <div
          class="row mx-0 py-1 btn-effect bg-primary badge-pill"
          (click)="volverPreviousPage()">
          <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 class="row mx-0 mt-4 justify-content-center">
      <div class="col-auto px-0 align-self-start">
        <div
          class="row mx-0 py-1 btn-effect bg-grey badge-pill"
          (click)="limpiarCarritoYvolver()">
          <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>