Commit 69c4cb8cefb97327ef4f55920054aa9b53a0d0af
1 parent
704b8da76c
Exists in
master
and in
1 other branch
Arreglo en padding de las tarjetas.
Showing
2 changed files
with
14 additions
and
4 deletions
Show diff stats
src/app/components/inicio/inicio.component.html
| ... | ... | @@ -13,7 +13,7 @@ |
| 13 | 13 | |
| 14 | 14 | <!-- PROMOCIONES --> |
| 15 | 15 | <div class="card bg-white border-0 shadow rounded w-100 mb-auto"> |
| 16 | - <div class="card-body text-left px-4 py-2"> | |
| 16 | + <div class="card-body text-left px-4 py-3"> | |
| 17 | 17 | <div class="row"> |
| 18 | 18 | <div class="col-7"> |
| 19 | 19 | <p class="h3 card-title">Promociones</p> |
| ... | ... | @@ -41,7 +41,7 @@ |
| 41 | 41 | |
| 42 | 42 | <!-- ORDENAR --> |
| 43 | 43 | <div class="card card-effect bg-white border-0 shadow rounded w-100 mt-4"> |
| 44 | - <div class="card-body text-left px-4 py-2"> | |
| 44 | + <div class="card-body text-left px-4 py-3"> | |
| 45 | 45 | <div class="row"> |
| 46 | 46 | <div class="col-5"> |
| 47 | 47 | <p class="h3 card-title">Ordenar</p> |
| ... | ... | @@ -75,7 +75,7 @@ |
| 75 | 75 | class="w-100" |
| 76 | 76 | #pop="bs-popover"> |
| 77 | 77 | <div class="card bg-white border-0 shadow rounded mb-auto"> |
| 78 | - <div class="card-body text-left px-4 py-2"> | |
| 78 | + <div class="card-body text-left px-4 py-3"> | |
| 79 | 79 | <div class="row"> |
| 80 | 80 | <div class="col-6"> |
| 81 | 81 | <p class="h3 card-title">Cargar Productos</p> |
| ... | ... | @@ -116,12 +116,21 @@ |
| 116 | 116 | class="col-5 pr-0" |
| 117 | 117 | *ngIf="productoAcargar && tienePromo"> |
| 118 | 118 | <button |
| 119 | + *ngIf="productoEsPromo" | |
| 119 | 120 | type="button" |
| 120 | 121 | class="btn btn-light btn-block shadow-sm" |
| 121 | 122 | (click)="pop.show()"> |
| 122 | 123 | <span class="pr-2">Personalizar</span> |
| 123 | 124 | <i class="fa fa-hand-o-up text-purple" aria-hidden="true"></i> |
| 124 | 125 | </button> |
| 126 | + <button | |
| 127 | + *ngIf="!productoEsPromo" | |
| 128 | + type="button" | |
| 129 | + class="btn btn-primary btn-block shadow-sm" | |
| 130 | + (click)="pop.show()"> | |
| 131 | + <span class="pr-2">Mostrar promociones</span> | |
| 132 | + <i class="fa fa-bullhorn fa-flip-horizontal" aria-hidden="true"></i> | |
| 133 | + </button> | |
| 125 | 134 | <button type="button" class="btn btn-light btn-block shadow-sm my-3"> |
| 126 | 135 | <span class="pr-2 font-weight-bold">Confirmar</span> |
| 127 | 136 | <i class="fa fa-check text-success" aria-hidden="true"></i> |
| ... | ... | @@ -141,7 +150,7 @@ |
| 141 | 150 | <!-- BUSCAR PRODUCTOS --> |
| 142 | 151 | <div (click)="goPage('busqueda-productos')" |
| 143 | 152 | class="card card-effect bg-white border-0 shadow rounded w-100 mt-4"> |
| 144 | - <div class="card-body text-left px-4 py-2"> | |
| 153 | + <div class="card-body text-left px-4 py-3"> | |
| 145 | 154 | <div class="row"> |
| 146 | 155 | <div class="col-6"> |
| 147 | 156 | <p class="h3 card-title">Buscar Productos</p> |
src/app/components/inicio/inicio.component.ts
| ... | ... | @@ -17,6 +17,7 @@ export class InicioComponent implements OnInit { |
| 17 | 17 | @ViewChild('pop', { static: false }) popoverDirective: PopoverDirective; |
| 18 | 18 | private productoAcargar: Producto; |
| 19 | 19 | private tienePromo = false; |
| 20 | + private productoEsPromo = false; | |
| 20 | 21 | |
| 21 | 22 | popoverContent: Promocion[] = [] |
| 22 | 23 | apiUrl: string = appSettings.apiUrl |