Marcelo Puebla / autoservicio-axion

Download as
Browse Code ยป

Commit a4b04eb01055e1bcef41dc5d4823848e647758dc

Authored by Marcelo Puebla
1 parent bddcdadb7b
Exists in develop

Fix 

Adaptacion de pantalla de info formas pago
Showing 2 changed files with 5 additions and 16 deletions   Show diff stats
src/app/modules/info-formas-pago/info-formas-pago.component.html
Diff comments   View file @ a4b04eb
1 <div class="h-92 bg-white fade-in-left"> 1 <div class="h-92 bg-white fade-in-left">
2 <div class="row mx-0 h-15"> 2 <div class="row mx-0 h-15">
3 <div class="col-12 px-0 h-80 my-auto"> 3 <div class="col-12 px-0 h-80 my-auto">
4 <img 4 <img
5 draggable="false" 5 draggable="false"
6 ondragstart="return false;" 6 ondragstart="return false;"
7 (contextmenu)="false" 7 (contextmenu)="false"
8 class="d-block mx-auto h-100" 8 class="d-block mx-auto h-100"
9 src="assets/img/logo-spot.svg"> 9 src="assets/img/logo-spot.svg">
10 </div> 10 </div>
11 </div> 11 </div>
12 <div class="h-85"> 12 <div class="h-85">
13 <div class="row h-auto mt-6 mx-0 justify-content-center text-center"> 13 <div class="row h-auto mt-6 mx-0 justify-content-center text-center">
14 <div 14 <div
15 [routerLink]="['/opcion-pedido']" 15 [routerLink]="['/opcion-pedido']"
16 class="col-11 col-sm-10 col-md-7 col-lg-4 p-5 m-5 h-auto 16 class="col-11 col-sm-10 col-md-7 col-lg-4 p-5 m-5 h-auto
17 btn-effect align-self-end border border-secondary rounded"> 17 btn-effect align-self-end border border-secondary rounded reduce-card-1">
18 <img 18 <img
19 draggable="false" 19 draggable="false"
20 ondragstart="return false;" 20 ondragstart="return false;"
21 (contextmenu)="false" 21 (contextmenu)="false"
22 class="img-in-top px-4 bg-white" 22 class="img-in-top px-4 bg-white"
23 src="assets/img/icono-tarjetas.svg"> 23 src="assets/img/icono-tarjetas.svg">
24 <p class="h6 m-0">ESTA TERMINAL OPERA CON</p> 24 <p class="h6 m-0">ESTA TERMINAL OPERA CON</p>
25 <p class="h2 mb-3 text-secondary"> 25 <p class="h2 mb-3 text-secondary">
26 tarjetas y 26 tarjetas y
27 <img 27 <img
28 draggable="false" 28 draggable="false"
29 ondragstart="return false;" 29 ondragstart="return false;"
30 (contextmenu)="false" 30 (contextmenu)="false"
31 class="icon-150" 31 class="icon-150"
32 src="assets/img/icono-mercado-pago.svg"> 32 src="assets/img/icono-mercado-pago.svg">
33 </p> 33 </p>
34 <div class="d-inline-block py-1 btn-effect bg-secondary badge-pill text-white"> 34 <div class="d-inline-block py-1 btn-effect bg-secondary badge-pill text-white">
35 CONTINUAR 35 CONTINUAR
36 <img 36 <img
37 draggable="false" 37 draggable="false"
38 ondragstart="return false;" 38 ondragstart="return false;"
39 (contextmenu)="false" 39 (contextmenu)="false"
40 class="icon-30" 40 class="icon-30"
41 src="assets/img/ir.svg"> 41 src="assets/img/ir.svg">
42 </div> 42 </div>
43 </div> 43 </div>
44 <div class="col-11 col-sm-10 col-md-7 col-lg-4 p-5 m-5 h-auto align-self-center 44 <div class="col-11 col-sm-10 col-md-7 col-lg-4 p-5 m-5 h-auto align-self-center
45 btn-effect border border-primary rounded reduce-card-2"> 45 btn-effect border border-primary rounded reduce-card-2">
46 <img 46 <img
47 draggable="false" 47 draggable="false"
48 ondragstart="return false;" 48 ondragstart="return false;"
49 (contextmenu)="false" 49 (contextmenu)="false"
50 class="img-in-top px-4 bg-white" 50 class="img-in-top px-4 bg-white"
51 src="assets/img/icono-efectivo.svg"> 51 src="assets/img/icono-efectivo.svg">
52 <p class="h6 m-0">SI PREFERIS PAGAR EN EFECTIVO</p> 52 <p class="h6 m-0">SI PREFERIS PAGAR EN EFECTIVO</p>
53 <p class="h2 m-0 text-primary">haga su pedido<br>en caja</p> 53 <p class="h2 m-0 text-primary">haga su pedido<br>en caja</p>
54 </div> 54 </div>
55 </div> 55 </div>
56 </div> 56 </div>
57 </div> 57 </div>
58 58
src/app/modules/info-formas-pago/info-formas-pago.component.scss
Diff comments   View file @ a4b04eb
1 .mt-6 { 1 .mt-6 {
2 margin-top: 4.5rem; 2 margin-top: 4.5rem;
3 } 3 }
4 4
5 .reduce-card-1.media-pantalla { 5 .reduce-card-1.media-pantalla {
6 position: absolute; 6 flex: 0 0 35% !important;
7 bottom: 0; 7 max-width: 35% !important;
8 -webkit-box-flex: 0;
9 flex: 0 0 41.6666666667%;
10 max-width: 41.6666666667%;
11 left: 5%;
12 margin-left: 0 !important;
13 } 8 }
14 9
15 .reduce-card-2.media-pantalla { 10 .reduce-card-2.media-pantalla {
16 position: absolute; 11 flex: 0 0 35% !important;
17 bottom: 0; 12 max-width: 35% !important;
18 -webkit-box-flex: 0;
19 flex: 0 0 41.6666666667%;
20 max-width: 41.6666666667%;
21 right: 5%;
22 margin-right: 0 !important;
23 height: 202px !important;
24 } 13 }
25 14