comanda.component.html 1.39 KB
<div class="container-fluid p-0">
  <div class="row m-1 fade-in disable-user-select">
    <div class="col-2 col-1-5 p-1" *ngFor="let item of itemsArray">
      <div
        class="card rounded-sm shadow-sm"
        [ngClass]="{ 'green-card': false, 'red-card': false }"
      >
        <img
          class="card-img-top rounded-sm shadow"
          src="{{ apiImagenes }}/imagenes/cerealitas.jpg"
        />
        <div class="card-body px-1 py-2">
          <p class="h6 card-title">Title</p>
          <p class="card-text">Text</p>
          <button class="btn btn-block btn-danger shadow p-1">Elaborar</button>
          <button class="btn btn-block btn-success shadow p-1">
            Terminado
          </button>
          <div class="row mt-2 m-0">
            <div class="col-6 p-0 pr-1">
              <button class="btn btn-block btn-secondary btn-sm shadow p-0">
                <span class="pr-1 h7"><small>Eliminar</small></span>
                <i class="fa fa-trash" aria-hidden="true"></i>
              </button>
            </div>
            <div class="col-6 p-0 pl-1">
              <button class="btn btn-block btn-light btn-sm shadow p-0">
                <span class="pr-1 h7"><small>En espera</small></span>
                <i class="fa fa-undo text-warning" aria-hidden="true"></i>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>