Commit 077ce36872b13edcf01d90804849725d13e0dd81

Authored by Marcelo Puebla
1 parent e22c7b6103

Arreglo visual de imagenes

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