Luis Suarez / autoservicio-axion

Download as
Browse Code »

Commit dd68072b3953030bbf5a44fcca71b30f467694e6

Authored by Luis Suarez
1 parent f3a2e69bbe
Exists in develop

todo el card es clickeable

Showing 1 changed file with 15 additions and 13 deletions   Show diff stats
src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html
Diff comments   View file @ dd68072
... ... @@ -15,7 +15,8 @@
15 15 #card
16 16 class="p-5 mx-auto mt-4 h-30 align-self-center
17 17 btn-effect border border-primary rounded reduce-card-1"
18   - [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'">
  18 + [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'"
  19 + [routerLink]="['/pago-tarjeta']">
19 20 <div class="row h-auto">
20 21 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
21 22 <img
... ... @@ -32,11 +33,10 @@
32 33 DESLIZÁ LA TARJETA POR LA RANURA<br>
33 34 CUANDO LA PANTALLA LO INDIQUE
34 35 </small>
35   - <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
  36 + <div
  37 + class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
36 38 <div class="row mx-0 bg-primary badge-pill h-auto">
37   - <div
38   - class="col-10 align-self-center text-center text-white"
39   - [routerLink]="['/pago-tarjeta']">
  39 + <div class="col-10 align-self-center text-center text-white">
40 40 Continuar
41 41 </div>
42 42 <div class="col-2 align-self-center p-0">
... ... @@ -55,7 +55,8 @@
55 55 <div
56 56 class="p-5 mx-auto mt-6 h-auto align-self-center
57 57 btn-effect border border-primary rounded reduce-card-1"
58   - [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'">
  58 + [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'"
  59 + [routerLink]="['/pago-tarjeta']">
59 60 <div class="row h-auto">
60 61 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
61 62 <img
... ... @@ -74,11 +75,11 @@
74 75 PARTE INFERIOR DE LECTOR <br>
75 76 CUANDO LA PANTALLA LO INDIQUE
76 77 </small>
77   - <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
  78 + <div
  79 + class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
78 80 <div class="row mx-0 bg-primary badge-pill h-auto">
79 81 <div
80   - class="col-10 align-self-center text-center text-white"
81   - [routerLink]="['/pago-tarjeta']">
  82 + class="col-10 align-self-center text-center text-white">
82 83 Continuar
83 84 </div>
84 85 <div class="col-2 align-self-center p-0">
... ... @@ -97,7 +98,8 @@
97 98 <div
98 99 class="col-sm-10 col-md-4 p-5 mx-auto mt-6 align-self-center
99 100 btn-effect border border-primary rounded reduce-card-1"
100   - [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'">
  101 + [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'"
  102 + [routerLink]="['/pago-tarjeta']">
101 103 <div class="row h-auto">
102 104 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
103 105 <img
... ... @@ -115,11 +117,11 @@
115 117 ACERCÁ LA TARJETA AL POSNET<br>
116 118 CUANDO LA PANTALLA LO INDIQUE
117 119 </small>
118   - <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
  120 + <div
  121 + class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
119 122 <div class="row mx-0 bg-primary badge-pill h-auto">
120 123 <div
121   - class="col-10 align-self-center text-center text-white"
122   - [routerLink]="['/pago-tarjeta']">
  124 + class="col-10 align-self-center text-center text-white">
123 125 <small>Continuar</small>
124 126 </div>
125 127 <div class="col-2 align-self-center p-0">