Agregado skin de mercado pago al qr

Marcelo Puebla
1 parent e0c3fdcf61
Showing 4 changed files with 25 additions and 6 deletions Show diff stats
src/app/modules/pago-electronico/pago-electronico.component.html
src/app/modules/pago-electronico/pago-electronico.component.scss
src/app/modules/pago-electronico/pago-electronico.component.ts
src/assets/img/qr-skin.jpg
@@ -19,12 +19,20 @@
     </div>
     <!-- QR -->
     <div class="row mx-0 mt-5 h-60 justify-content-center">
-      <div class="col-10 px-0 h-100">
+      <div class="col-10 px-0 h-55 position-absolute">
         <img
           draggable="false"
           ondragstart="return false;"
           (contextmenu)="false"
-          class="d-block mx-auto img-fluid"
+          class="d-block mx-auto h-100 w-auto shadow rounded"
+          src="assets/img/qr-skin.jpg">
+      </div>
+      <div class="col-10 px-0 h-100 mt-7 mt-lg-5">
+        <img
+          draggable="false"
+          ondragstart="return false;"
+          (contextmenu)="false"
+          class="d-block mx-auto h-40"
           [src]="urlQr">
       </div>
     </div>
@@ -0,0 +1,11 @@
+.top-10 {
+  top: 10%;
+}
+
+.mt-6 {
+  margin-top: 4.5rem;
+}
+
+.mt-7 {
+  margin-top: 6rem;
+}
 \ No newline at end of file
@@ -17,10 +17,10 @@ export class PagoElectronicoComponent implements OnInit {
   ) { }
  
   ngOnInit() {
-    if (!this.articuloService.carrito.length) {
-      this.router.navigate(['']);
-      return;
-    }
+    // if (!this.articuloService.carrito.length) {
+    //   this.router.navigate(['']);
+    //   return;
+    // }
     let dataPago = {
       pedidoAnombreDe: ''
     }
...	...	@@ -19,12 +19,20 @@
19	19	</div>
20	20	<!-- QR -->
21	21	<div class="row mx-0 mt-5 h-60 justify-content-center">
22		- <div class="col-10 px-0 h-100">
	22	+ <div class="col-10 px-0 h-55 position-absolute">
23	23	<img
24	24	draggable="false"
25	25	ondragstart="return false;"
26	26	(contextmenu)="false"
27		- class="d-block mx-auto img-fluid"
	27	+ class="d-block mx-auto h-100 w-auto shadow rounded"
	28	+ src="assets/img/qr-skin.jpg">
	29	+ </div>
	30	+ <div class="col-10 px-0 h-100 mt-7 mt-lg-5">
	31	+ <img
	32	+ draggable="false"
	33	+ ondragstart="return false;"
	34	+ (contextmenu)="false"
	35	+ class="d-block mx-auto h-40"
28	36	[src]="urlQr">
29	37	</div>
30	38	</div>
...	...	@@ -0,0 +1,11 @@
	1	+.top-10 {
	2	+ top: 10%;
	3	+}
	4	+
	5	+.mt-6 {
	6	+ margin-top: 4.5rem;
	7	+}
	8	+
	9	+.mt-7 {
	10	+ margin-top: 6rem;
	11	+}
0	12	\ No newline at end of file
...	...	@@ -17,10 +17,10 @@ export class PagoElectronicoComponent implements OnInit {
17	17	) { }
18	18
19	19	ngOnInit() {
20		- if (!this.articuloService.carrito.length) {
21		- this.router.navigate(['']);
22		- return;
23		- }
	20	+ // if (!this.articuloService.carrito.length) {
	21	+ // this.router.navigate(['']);
	22	+ // return;
	23	+ // }
24	24	let dataPago = {
25	25	pedidoAnombreDe: ''
26	26	}