Luis Suarez / autoservicio-axion

Download as
Browse Code ยป

Commit ed49e716725f175c5d3fc49bf3db8ff915725b7e

Authored by Luis Suarez
1 parent d9e2d82d9d
Exists in develop

margen en pago tarjeta

Showing 4 changed files with 12 additions and 2 deletions   Show diff stats
src/app/modules/pago-tarjeta/pago-tarjeta.component.html
Diff comments   View file @ ed49e71
... ... @@ -9,7 +9,7 @@
9 9 src="assets/img/logo-spot.svg">
10 10 </div>
11 11 </div>
12   - <div class="h-85">
  12 + <div class="h-85 pago-tarjeta">
13 13 <div class="row h-50 mx-0 justify-content-center text-center">
14 14 <div class="col-7 p-5 h-auto align-self-end border border-secondary rounded">
15 15 <img
src/app/modules/pago-tarjeta/pago-tarjeta.component.scss
Diff comments   View file @ ed49e71
... ... @@ -48,3 +48,7 @@
48 48 transform: translateY(-10px);
49 49 }
50 50 }
  51 +
  52 +.pago-tarjeta.media-pantalla{
  53 + margin-top: 50px !important;
  54 +}
src/app/modules/pago-tarjeta/pago-tarjeta.component.ts
Diff comments   View file @ ed49e71
... ... @@ -27,6 +27,12 @@ export class PagoTarjetaComponent implements OnInit {
27 27 this.articuloService.idComanda = res.data;
28 28 this.router.navigate(['mensaje-final']);
29 29 }, err => console.error(err));
  30 + this.mediaPantalla();
30 31 }
31 32  
  33 + mediaPantalla() {
  34 + if ($('body').hasClass('media-pantalla')) {
  35 + $('.pago-tarjeta').addClass('media-pantalla');
  36 + }
  37 + }
32 38 }
src/app/shared/footer/footer.component.ts
Diff comments   View file @ ed49e71
... ... @@ -16,6 +16,6 @@ export class FooterComponent implements OnInit {
16 16 }
17 17  
18 18 reducirPantalla() {
19   - $('body,.reduce-card-1,.reduce-card-2,#content,.cat-content,.cat-btn,.cat-box,#boxCarrito,#headerPublicidad,#headerPad,.img-categoria,.carrito-articulo,.carrito-content,.modal-promo').toggleClass('media-pantalla');
  19 + $('body,.reduce-card-1,.reduce-card-2,#content,.cat-content,.cat-btn,.cat-box,#boxCarrito,#headerPublicidad,#headerPad,.img-categoria,.carrito-articulo,.carrito-content,.pago-tarjeta,.modal-promo').toggleClass('media-pantalla');
20 20 }
21 21 }