Marcelo Puebla / autoservicio-axion

Download as
Browse Code »

Commit 54e55eee475a1826eb1f8553f876b7273c6943fb

Authored by Marcelo Puebla
1 parent 7cd4da6e66
Exists in develop

Fix en modal promociones

Showing 2 changed files with 49 additions and 35 deletions   Show diff stats
src/app/shared/promocion/promocion.component.html
Diff comments   View file @ 54e55ee
1   -<div class="modal-header bg-primary rounded-top">
2   - <div class="col-12">
3   - <div class="row justify-content-between" *ngIf="articulosPromo.length">
4   - <div>
5   - <h3 class="ml-2 text-white mt-2">{{articulosPromo[0].DetArt}}</h3>
6   - </div>
7   - <div>
8   - <div
9   - class="row mr-3 justify-content-between bg-white badge-pill"
10   - (click)="elegirPromo(articulosPromo[0])">
11   - <div class="col px-0 align-self-center text-primary">
12   - <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>
13   - </div>
14   - <div class="col-3 px-0">
15   - <img
16   - draggable="false"
17   - ondragstart="return false;"
18   - (contextmenu)="false"
19   - class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
20   - src="assets/img/ir-color.svg">
21   - </div>
  1 +<div class="modal-header px-0 bg-primary rounded-top">
  2 + <div class="row mx-0 w-100 justify-content-between" *ngIf="articulosPromo.length">
  3 + <div class="col-8">
  4 + <p class="h3 text-white">{{articulosPromo[0].DetArt}}</p>
  5 + </div>
  6 + <div class="col-4 align-self-center">
  7 + <div
  8 + class="row mx-0 justify-content-between bg-white badge-pill"
  9 + (click)="elegirPromo(articulosPromo[0])">
  10 + <div class="col px-0 align-self-center text-primary">
  11 + <p class="font-weight-bold">{{articulosPromo[0].PreVen | currency}}</p>
  12 + </div>
  13 + <div class="col-3 px-0">
  14 + <img
  15 + draggable="false"
  16 + ondragstart="return false;"
  17 + (contextmenu)="false"
  18 + class="d-block ml-auto py-1 icon-30 mr-2 pt-2"
  19 + src="assets/img/ir-color.svg">
22 20 </div>
23 21 </div>
24 22 </div>
25 23 </div>
26 24 </div>
27   -<div class="modal-body bg-primary rounded-bottom" *ngIf="articulosPromo.length">
28   - <div class="row">
  25 +<div class="modal-body px-0 bg-primary rounded-bottom" *ngIf="articulosPromo.length">
  26 + <div class="row mx-0 w-100">
29 27 <div class="col-9">
30 28 <p class="text-white"><small>¿TE GUSTARÍA LLEVAR ESTE ARTÍCULO</small></p>
31 29 <h1 class="text-white mb-4">en un combo?</h1>
  30 + </div>
  31 + <div class="col-3 rounded-circle">
  32 + <img
  33 + draggable="false"
  34 + ondragstart="return false;"
  35 + (contextmenu)="false"
  36 + src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"
  37 + onerror="this.src='assets/img/image-not-found.jpg'"
  38 + class="card-img-top img-fluid rounded-circle">
  39 + </div>
  40 + </div>
  41 + <div class="row mx-0 lista-promociones scroll-y-visible">
  42 + <div class="col-12">
32 43 <div *ngFor="let promo of promociones">
33 44 <div class="mx-0 mb-2 bg-white badge-pill text-primary" (click)="elegirPromo(promo)">
34   - <div class="row mx-0 justify-content-between">
35   - <p class="text-truncate"><small>{{promo.DetArt}}</small></p>
36   - <p class="font-weight-bold">{{promo.PreVen | currency}}</p>
  45 + <div class="d-flex">
  46 + <p class="text-truncate mr-auto my-auto"><small>{{promo.DetArt}}</small></p>
  47 + <p class="font-weight-bold my-auto pr-2">
  48 + <span>{{promo.PreVen | currency}}</span>
  49 + </p>
  50 + <img
  51 + draggable="false"
  52 + ondragstart="return false;"
  53 + (contextmenu)="false"
  54 + class="d-block icon-30 py-1"
  55 + src="assets/img/ir-color.svg">
37 56 </div>
38 57 </div>
39 58 </div>
40 59 </div>
41   - <div class="col-3 rounded-circle">
42   - <img
43   - draggable="false"
44   - ondragstart="return false;"
45   - (contextmenu)="false"
46   - src="{{urlImagenes}}{{articulosPromo[0].imagenes[0].imagen}}"
47   - onerror="this.src='assets/img/image-not-found.jpg'"
48   - class="card-img-top img-fluid rounded-circle">
49   - </div>
50 60 </div>
51 61 </div>
src/app/shared/promocion/promocion.component.scss
Diff comments   View file @ 54e55ee
... ... @@ -0,0 +1,4 @@
  1 +.lista-promociones {
  2 + min-height: auto;
  3 + max-height: 25vh;
  4 +}