Commit 0a21c0b292ff38fd3b5aa1263f776293c833791e

Authored by Marcelo Puebla
1 parent a0f70174b5

Fix visual en pedidos salientes 2

src/app/modules/pedidos-salientes/pedidos-salientes.component.html
1 <div class="row mt-2 justify-content-center h-15"> 1 <div class="row mt-2 justify-content-center h-15">
2 <div class="col-3 col-lg-2"> 2 <div class="col-3 col-lg-2">
3 <img src="../../../assets/img/logo-spot.svg" class="w-60 h-auto d-block mx-auto"> 3 <img
4 draggable="false"
5 ondragstart="return false;"
6 (contextmenu)="false"
7 class="w-60 h-auto d-block mx-auto"
8 src="../../../assets/img/logo-spot.svg">
4 </div> 9 </div>
5 </div> 10 </div>
6 <div class="row mt-n5 mx-0 justify-content-around h-75"> 11 <div class="row mt-n5 mx-0 justify-content-around h-75">
7 <div class="col-5 col-md-6 col-lg-3 h-100"> 12 <div class="col-5 col-md-6 col-lg-3 h-100">
8 <div class="p-3 bg-white text-center shadow-lg rounded h-100"> 13 <div class="p-3 bg-white text-center shadow-lg rounded h-100">
9 <h5 class="pt-3">ESTAMOS</h5> 14 <h5 class="pt-3">ESTAMOS</h5>
10 <h3 class="font-weight-bold text-secondary">preparando</h3> 15 <h3 class="font-weight-bold text-secondary">preparando</h3>
11 <h5>TU PEDIDO</h5> 16 <h5>TU PEDIDO</h5>
12 <div 17 <div
13 *ngFor="let pedido of pedidosPendientes; let i = index" 18 *ngFor="let pedido of pedidosPendientes; let i = index"
14 [hidden]="i == 0 || i > 4" 19 [hidden]="i == 0 || i > 4"
15 class="font-weight-bold mb-2 text-muted"> 20 class="font-weight-bold mb-2 text-muted">
16 <h1 class="display-4">{{rellenar(pedido.id.toString().slice(1), 2)}}</h1> 21 <h1 class="display-4">{{rellenar(pedido.id.toString().slice(1), 2)}}</h1>
17 </div> 22 </div>
18 </div> 23 </div>
19 </div> 24 </div>
20 <div class="col-5 col-md-6 col-lg-3 h-100"> 25 <div class="col-5 col-md-6 col-lg-3 h-100">
21 <div class="p-3 bg-white shadow-lg rounded text-center h-100"> 26 <div class="p-3 bg-white shadow-lg rounded text-center h-100">
22 <h5 class="pt-3">LISTO PARA</h5> 27 <h5 class="pt-3">LISTO PARA</h5>
23 <h3 class="font-weight-bold text-primary">retirar</h3> 28 <h3 class="font-weight-bold text-primary">retirar</h3>
24 <div *ngIf="pedidoFinalizado.length"> 29 <div *ngIf="pedidoFinalizado.length">
25 <h1 class="display-1 mt-4 text-primary mb-0">{{rellenar(pedidoFinalizado[0].id.toString().slice(1), 2)}}</h1> 30 <h1 class="display-1 mt-4 text-primary mb-0">{{rellenar(pedidoFinalizado[0].id.toString().slice(1), 2)}}</h1>
26 <hr class="line mt-0"> 31 <hr class="line mt-0">
27 </div> 32 </div>
28 <h3 class="font-weight-bold text-info mt-4">¡Que lo disfrutes!</h3> 33 <h3 class="font-weight-bold text-info mt-4">¡Que lo disfrutes!</h3>
29 </div> 34 </div>
30 </div> 35 </div>
31 </div> 36 </div>
32 37