Luis Suarez / autoservicio-axion

Download as
Browse Code »

Commit 3d4c7d550c84d11737ed7c309d41d9712239526e

Authored by Benjamin Rodriguez
1 parent 16a7486b66
Exists in develop

agrando tamaño de botones en opcion-pedido

Showing 2 changed files with 8 additions and 4 deletions   Show diff stats
src/app/modules/opcion-pedido/opcion-pedido.component.html
Diff comments   View file @ 3d4c7d5
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-20"> 2 <div class="row mx-0 h-20">
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-100"> 12 <div class="h-100">
13 <div class="h-10"></div> 13 <div class="h-10"></div>
14 <div class="row mt-5 mx-3 h-auto"> 14 <div class="row mt-5 mx-3 h-auto">
15 <div class="col-12 px-0 py-2 align-self-center"> 15 <div class="col-12 px-0 py-2 align-self-center">
16 <p class="col-auto h4 text-truncate text-center">TU PEDIDO ES PARA</p> 16 <p class="col-auto h4 text-truncate text-center">TU PEDIDO ES PARA</p>
17 </div> 17 </div>
18 </div> 18 </div>
19 <div class="row mt-5 h-auto justify-content-center mx-0"> 19 <div class="row mt-5 h-auto justify-content-center mx-0">
20 <div class="col-5 px-0 h-auto align-self-start reduce-card-1"> 20 <div class="col-5 px-0 h-auto align-self-start reduce-card-1">
21 <div class="row justify-content-between"> 21 <div class="row justify-content-between">
22 <div class="col-12"> 22 <div class="col-12">
23 <div 23 <div
24 class="btn-effect col-12 px-0 bg-white" 24 class="btn-effect col-12 px-0 bg-white"
25 (click)="goTo('/seleccion-articulos'); seleccionPedido('false')"> 25 (click)="goTo('/seleccion-articulos'); seleccionPedido('false')">
26 <div class="row mx-0 bg-primary badge-pill"> 26 <div class="row mx-0 bg-primary badge-pill heigth-80">
27 <div class="col-2 p-0"> 27 <div class="col-2 p-0">
28 <img 28 <img
29 draggable="false" 29 draggable="false"
30 ondragstart="return false;" 30 ondragstart="return false;"
31 (contextmenu)="false" 31 (contextmenu)="false"
32 class="p-1 icon-50" 32 class="pt-3 icon-50"
33 src="assets/img/icono-plato.svg"> 33 src="assets/img/icono-plato.svg">
34 </div> 34 </div>
35 <div class="col-8 align-self-center text-center text-white">comer acá</div> 35 <div class="col-8 align-self-center text-center text-white">comer acá</div>
36 <div class="col-2 align-self-center p-0"> 36 <div class="col-2 align-self-center p-0">
37 <img 37 <img
38 draggable="false" 38 draggable="false"
39 ondragstart="return false;" 39 ondragstart="return false;"
40 (contextmenu)="false" 40 (contextmenu)="false"
41 class="p-1 icon-30" 41 class="p-1 icon-30"
42 src="assets/img/ir.svg"> 42 src="assets/img/ir.svg">
43 </div> 43 </div>
44 </div> 44 </div>
45 </div> 45 </div>
46 </div> 46 </div>
47 </div> 47 </div>
48 </div> 48 </div>
49 </div> 49 </div>
50 <div class="row mt-5 h-auto justify-content-center mx-0"> 50 <div class="row mt-5 h-auto justify-content-center mx-0">
51 <div class="col-5 px-0 h-auto align-self-start reduce-card-2"> 51 <div class="col-5 px-0 h-auto align-self-start reduce-card-2">
52 <div class="row justify-content-between"> 52 <div class="row justify-content-between">
53 <div class="col-12"> 53 <div class="col-12">
54 <div 54 <div
55 class="btn-effect col-12 align-self-center px-0 bg-white" 55 class="btn-effect col-12 align-self-center px-0 bg-white"
56 (click)="goTo('/seleccion-articulos'); seleccionPedido('true')"> 56 (click)="goTo('/seleccion-articulos'); seleccionPedido('true')">
57 <div class="row mx-0 bg-primary badge-pill"> 57 <div class="row mx-0 bg-primary badge-pill heigth-80">
58 <div class="col-2 p-0"> 58 <div class="col-2 p-0">
59 <img 59 <img
60 draggable="false" 60 draggable="false"
61 ondragstart="return false;" 61 ondragstart="return false;"
62 (contextmenu)="false" 62 (contextmenu)="false"
63 class="p-1 icon-50" 63 class="pt-3 icon-50"
64 src="assets/img/icono-take-away.svg"> 64 src="assets/img/icono-take-away.svg">
65 </div> 65 </div>
66 <div class="col-8 align-self-center text-center text-white">para llevar</div> 66 <div class="col-8 align-self-center text-center text-white">para llevar</div>
67 <div class="col-2 align-self-center p-0"> 67 <div class="col-2 align-self-center p-0">
68 <img 68 <img
69 draggable="false" 69 draggable="false"
70 ondragstart="return false;" 70 ondragstart="return false;"
71 (contextmenu)="false" 71 (contextmenu)="false"
72 class="p-1 icon-30" 72 class="p-1 icon-30"
73 src="assets/img/ir.svg"> 73 src="assets/img/ir.svg">
74 </div> 74 </div>
75 </div> 75 </div>
76 </div> 76 </div>
77 </div> 77 </div>
78 </div> 78 </div>
79 </div> 79 </div>
80 </div> 80 </div>
81 </div> 81 </div>
82 </div> 82 </div>
83 83
src/app/modules/opcion-pedido/opcion-pedido.component.scss
Diff comments   View file @ 3d4c7d5
1 .reduce-card-1.media-pantalla { 1 .reduce-card-1.media-pantalla {
2 position: absolute; 2 position: absolute;
3 bottom: 150px; 3 bottom: 150px;
4 -webkit-box-flex: 0; 4 -webkit-box-flex: 0;
5 flex: 0 0 41.6666666667%; 5 flex: 0 0 41.6666666667%;
6 max-width: 41.6666666667%; 6 max-width: 41.6666666667%;
7 left: 10%; 7 left: 10%;
8 margin-left: 0 !important; 8 margin-left: 0 !important;
9 } 9 }
10 10
11 .reduce-card-2.media-pantalla { 11 .reduce-card-2.media-pantalla {
12 position: absolute; 12 position: absolute;
13 bottom: 150px; 13 bottom: 150px;
14 -webkit-box-flex: 0; 14 -webkit-box-flex: 0;
15 flex: 0 0 41.6666666667%; 15 flex: 0 0 41.6666666667%;
16 max-width: 41.6666666667%; 16 max-width: 41.6666666667%;
17 right: 10%; 17 right: 10%;
18 margin-right: 0 !important; 18 margin-right: 0 !important;
19 } 19 }
20
21 .heigth-80 {
22 height: 80px;
23 }