Luis Suarez / autoservicio-axion

Download as
Browse Code »

Commit aa1019516ea042de43caf53697c7a8271163334a

Authored by Benjamin Rodriguez
1 parent 960fa80c0a
Exists in develop and in 1 other branch 20200117-axion-responsive

hr abajo de numero para retirar

Showing 2 changed files with 8 additions and 3 deletions   Show diff stats
src/app/modules/pedidos-salientes/pedidos-salientes.component.html
Diff comments   View file @ aa10195
1 <div class="row justify-content-center h-15"> 1 <div class="row justify-content-center h-15">
2 <div class="col-3 col-lg-2 mt-1"> 2 <div class="col-3 col-lg-2 mt-1">
3 <img src="../../../assets/img/logo-spot.svg" class="w-60 h-auto d-block mx-auto" alt=""> 3 <img src="../../../assets/img/logo-spot.svg" class="w-60 h-auto d-block mx-auto" alt="">
4 </div> 4 </div>
5 </div> 5 </div>
6 <div class="row mt-n5 justify-content-around h-75"> 6 <div class="row mt-n5 justify-content-around h-75">
7 <div class="col-5 col-md-3 h-100"> 7 <div class="col-5 col-md-3 h-100">
8 <div class="p-3 bg-white text-center shadow-lg rounded h-100"> 8 <div class="p-3 bg-white text-center shadow-lg rounded h-100">
9 <h5 class="pt-3">ESTAMOS</h5> 9 <h5 class="pt-3">ESTAMOS</h5>
10 <h3 class="font-weight-bold text-secondary">preparando</h3> 10 <h3 class="font-weight-bold text-secondary">preparando</h3>
11 <h5>TU PEDIDO</h5> 11 <h5>TU PEDIDO</h5>
12 <div 12 <div
13 *ngFor="let pedido of pedidosPendientes; let i = index" 13 *ngFor="let pedido of pedidosPendientes; let i = index"
14 [hidden]="i == 0 || i > 4" 14 [hidden]="i == 0 || i > 4"
15 class="font-weight-bold mb-2 text-muted"> 15 class="font-weight-bold mb-2 text-muted">
16 <h1 class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</h1> 16 <h1 class="display-4">{{rellenar(pedido.id.toString().slice(0), 3)}}</h1>
17 </div> 17 </div>
18 </div> 18 </div>
19 </div> 19 </div>
20 <div class="col-5 col-md-3 h-100"> 20 <div class="col-5 col-md-3 h-100">
21 <div class="p-3 bg-white shadow-lg rounded text-center h-100"> 21 <div class="p-3 bg-white shadow-lg rounded text-center h-100">
22 <h5 class="pt-3">LISTO PARA</h5> 22 <h5 class="pt-3">LISTO PARA</h5>
23 <h3 class="font-weight-bold text-primary">retirar</h3> 23 <h3 class="font-weight-bold text-primary">retirar</h3>
24 <div *ngIf="pedidoFinalizado.length"> 24 <div *ngIf="pedidoFinalizado.length">
25 25 <h1 class="display-1 mt-4 text-primary mb-0">{{rellenar(pedidoFinalizado[0].id.toString().slice(0), 3)}}</h1>
26 <h1 class="display-1 mt-4 text-primary">{{rellenar(pedidoFinalizado[0].id.toString().slice(0), 3)}}</h1> 26 <hr class="line mt-0">
27 </div> 27 </div>
28 <h3 class="font-weight-bold text-info mt-4" style="color: yellowgreen;">¡Que lo disfrutes!</h3> 28 <h3 class="font-weight-bold text-info mt-4">¡Que lo disfrutes!</h3>
29 </div> 29 </div>
30 </div> 30 </div>
31 </div> 31 </div>
32 32
src/app/modules/pedidos-salientes/pedidos-salientes.component.scss
Diff comments   View file @ aa10195
1 hr.line {
2 height: 10px;
3 border-radius: 10px;
4 box-shadow: 0 15px 13px -15px #8b8c8c inset;
5 }
6