Commit 077ce36872b13edcf01d90804849725d13e0dd81
1 parent
e22c7b6103
Exists in
master
and in
2 other branches
Arreglo visual de imagenes
Showing
2 changed files
with
2 additions
and
3 deletions
Show diff stats
src/app/shared/promocion/promocion.component.html
1 | <div class="p-3"> | 1 | <div class="p-3"> |
2 | <div class="row mx-0 justify-content-end"> | 2 | <div class="row mx-0 justify-content-end"> |
3 | <div | 3 | <div |
4 | class="col-auto px-0 btn-effect" | 4 | class="col-auto px-0 btn-effect" |
5 | (click)="modalRef.hide()"> | 5 | (click)="modalRef.hide()"> |
6 | <img | 6 | <img |
7 | draggable="false" | 7 | draggable="false" |
8 | ondragstart="return false;" | 8 | ondragstart="return false;" |
9 | (contextmenu)="false" | 9 | (contextmenu)="false" |
10 | class="icon-30 rotate-45" | 10 | class="icon-30 rotate-45" |
11 | src="assets/img/mas-blanco.svg"> | 11 | src="assets/img/mas-blanco.svg"> |
12 | </div> | 12 | </div> |
13 | </div> | 13 | </div> |
14 | <div class="row mb-4 mx-0 text-center"> | 14 | <div class="row mb-4 mx-0 text-center"> |
15 | <div class="col-7 align-self-center"> | 15 | <div class="col-7 align-self-center"> |
16 | <p class="h6 text-muted mb-2"><small>{{'ENSALADA CAESAR'}}</small></p> | 16 | <p class="h6 text-muted mb-2"><small>{{'ENSALADA CAESAR'}}</small></p> |
17 | <p class="h6"><small>¿QUERÉS LLEVAR ESTA ENSALADA</small></p> | 17 | <p class="h6"><small>¿QUERÉS LLEVAR ESTA ENSALADA</small></p> |
18 | <p class="h4 mb-2 font-weight-bold">en combo con 1 bebida?</p> | 18 | <p class="h4 mb-2 font-weight-bold">en combo con 1 bebida?</p> |
19 | <div class="row"> | 19 | <div class="row"> |
20 | <div class="col-6 pl-0"> | 20 | <div class="col-6 pl-0"> |
21 | <div | 21 | <div |
22 | class="row mx-0 justify-content-between bg-light badge-pill btn-effect" | 22 | class="row mx-0 justify-content-between bg-light badge-pill btn-effect"> |
23 | (click)="elegirArticulo(articulo)"> | ||
24 | <div class="col px-0 align-self-center text-primary"> | 23 | <div class="col px-0 align-self-center text-primary"> |
25 | <p class="d-block"> | 24 | <p class="d-block"> |
26 | <small class="pr-2">{{'Sola'}} {{155 | currency}}</small> | 25 | <small class="pr-2">{{'Sola'}} {{155 | currency}}</small> |
27 | <img | 26 | <img |
28 | draggable="false" | 27 | draggable="false" |
29 | ondragstart="return false;" | 28 | ondragstart="return false;" |
30 | (contextmenu)="false" | 29 | (contextmenu)="false" |
31 | class="icon-20" | 30 | class="icon-20" |
32 | src="assets/img/ir-color.svg"> | 31 | src="assets/img/ir-color.svg"> |
33 | </p> | 32 | </p> |
34 | </div> | 33 | </div> |
35 | </div> | 34 | </div> |
36 | </div> | 35 | </div> |
37 | <div class="col-6 px-0"> | 36 | <div class="col-6 px-0"> |
38 | <div | 37 | <div |
39 | class="row mx-0 justify-content-between bg-light badge-pill btn-effect" | 38 | class="row mx-0 justify-content-between bg-light badge-pill btn-effect" |
40 | (click)="elegirArticulo(articulo)"> | 39 | (click)="elegirArticulo(articulo)"> |
41 | <div class="col px-0 align-self-center text-primary"> | 40 | <div class="col px-0 align-self-center text-primary"> |
42 | <p class="d-block"> | 41 | <p class="d-block"> |
43 | <small class="pr-2">{{'Con bebida'}} {{155 | currency}}</small> | 42 | <small class="pr-2">{{'Con bebida'}} {{155 | currency}}</small> |
44 | <img | 43 | <img |
45 | draggable="false" | 44 | draggable="false" |
46 | ondragstart="return false;" | 45 | ondragstart="return false;" |
47 | (contextmenu)="false" | 46 | (contextmenu)="false" |
48 | class="icon-20" | 47 | class="icon-20" |
49 | src="assets/img/ir-color.svg"> | 48 | src="assets/img/ir-color.svg"> |
50 | </p> | 49 | </p> |
51 | </div> | 50 | </div> |
52 | </div> | 51 | </div> |
53 | </div> | 52 | </div> |
54 | </div> | 53 | </div> |
55 | </div> | 54 | </div> |
56 | <div class="col-5 align-self-center"> | 55 | <div class="col-5 align-self-center"> |
57 | <img | 56 | <img |
58 | draggable="false" | 57 | draggable="false" |
59 | ondragstart="return false;" | 58 | ondragstart="return false;" |
60 | (contextmenu)="false" | 59 | (contextmenu)="false" |
61 | class="icon-150 rounded-circle" | 60 | class="icon-150 rounded-circle" |
62 | src="assets/img/icono-volver.svg"> | 61 | src="assets/img/icono-volver.svg"> |
63 | </div> | 62 | </div> |
64 | </div> | 63 | </div> |
65 | </div> | 64 | </div> |
src/app/shared/promocion/promocion.component.ts
1 | import { Component, OnInit } from '@angular/core'; | 1 | import { Component, OnInit } from '@angular/core'; |
2 | import { BsModalRef } from 'ngx-bootstrap/modal'; | 2 | import { BsModalRef } from 'ngx-bootstrap/modal'; |
3 | 3 | ||
4 | @Component({ | 4 | @Component({ |
5 | selector: 'app-promocion', | 5 | selector: 'app-promocion', |
6 | templateUrl: './promocion.component.html', | 6 | templateUrl: './promocion.component.html', |
7 | styleUrls: ['./promocion.component.scss'] | 7 | styleUrls: ['./promocion.component.scss'] |
8 | }) | 8 | }) |
9 | export class PromocionComponent implements OnInit { | 9 | export class PromocionComponent implements OnInit { |
10 | 10 | ||
11 | constructor( | 11 | constructor( |
12 | private modalRef: BsModalRef, | 12 | public modalRef: BsModalRef, |
13 | ) { } | 13 | ) { } |
14 | 14 | ||
15 | ngOnInit() { | 15 | ngOnInit() { |
16 | } | 16 | } |
17 | 17 | ||
18 | } | 18 | } |
19 | 19 |