Commit 78c5c6a7ea4fc383b034b23a4334ea23da15fae8
1 parent
d3c8406c74
Exists in
master
cambios
Showing
4 changed files
with
32 additions
and
8 deletions
Show diff stats
src/app/components/inicio/inicio.component.html
| ... | ... | @@ -38,6 +38,16 @@ |
| 38 | 38 | </div> |
| 39 | 39 | </div> |
| 40 | 40 | </div> |
| 41 | + <!-- TOOL TIp --> | |
| 42 | + | |
| 43 | + <div class="popover left bs-example-popover"> | |
| 44 | + <div class="arrow"></div> | |
| 45 | + <h3 class="popover-title">Popover left</h3> | |
| 46 | + <div class="popover-content"> | |
| 47 | + <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p> | |
| 48 | + </div> | |
| 49 | + </div> | |
| 50 | + | |
| 41 | 51 | |
| 42 | 52 | <!-- ORDENAR --> |
| 43 | 53 | <div class="card card-effect bg-white border-0 shadow rounded w-100 mt-4"> |
| ... | ... | @@ -69,10 +79,9 @@ |
| 69 | 79 | </div> |
| 70 | 80 | </div> |
| 71 | 81 | </div> |
| 72 | - | |
| 82 | + | |
| 73 | 83 | <!-- BUSCAR PRODUCTOS --> |
| 74 | - <div | |
| 75 | - (click)="goPage('busqueda-productos')" | |
| 84 | + <div (click)="goPage('busqueda-productos')" | |
| 76 | 85 | class="card card-effect bg-white border-0 shadow rounded w-100 mt-4"> |
| 77 | 86 | <div class="card-body text-left p-4"> |
| 78 | 87 | <p class="h3 card-title">Buscar Productos</p> |
src/app/components/inicio/inicio.component.scss
| ... | ... | @@ -0,0 +1,15 @@ |
| 1 | +.bs-example-popover .popover { | |
| 2 | + position: relative; | |
| 3 | + display: block; | |
| 4 | + float: left; | |
| 5 | + margin: 20px; | |
| 6 | +} | |
| 7 | + | |
| 8 | +.arrow { | |
| 9 | + top: 50%; | |
| 10 | + right: -11px; | |
| 11 | + margin-top: -11px; | |
| 12 | + border-left-color: #999; | |
| 13 | + border-left-color: rgba(0, 0, 0, 0.25); | |
| 14 | + border-right-width: 0; | |
| 15 | +} |
src/app/components/sidebar/sidebar.component.html
| 1 | 1 | <div class="d-flex align-items-center flex-column h-100 bg-dark pt-2 text-center"> |
| 2 | 2 | |
| 3 | 3 | <h4 class="border-bottom border-white"> Mi compra </h4> |
| 4 | - <div class="overflow-auto mb-2"> | |
| 5 | - <div class="card my-2 bg-primary border-0" *ngFor="let prod of productos; let i = index"> | |
| 4 | + <div class="overflow-auto overflow-scroll mb-2"> | |
| 5 | + <div class="card my-2 bg-primary border-0" *ngFor="let prod of productos; let i = index"> | |
| 6 | 6 | <img src="{{prod.img}}" class="card-img-top" alt="..."> |
| 7 | 7 | <div class="card-body row m-0 p-0 px-1 py-1 shadow rounded"> |
| 8 | 8 | <div class="col-8 p-0 text-left my-auto"> |
src/app/components/sidebar/sidebar.component.ts
| ... | ... | @@ -19,7 +19,7 @@ export class SidebarComponent implements OnInit { |
| 19 | 19 | "desc": "Galletas Oreo", |
| 20 | 20 | "cod": 225412, |
| 21 | 21 | "precio": 15, |
| 22 | - "img": "./assets/descarga.jpg", | |
| 22 | + "img": "./assets/img/descarga.jpg", | |
| 23 | 23 | "cantidad": 1 |
| 24 | 24 | }, |
| 25 | 25 | { |
| ... | ... | @@ -27,7 +27,7 @@ export class SidebarComponent implements OnInit { |
| 27 | 27 | "desc": "Coca cola 500ml", |
| 28 | 28 | "cod": 512632, |
| 29 | 29 | "precio": 40, |
| 30 | - "img": "./assets/descarga.jpg", | |
| 30 | + "img": "./assets/img/descarga.jpg", | |
| 31 | 31 | "cantidad": 1 |
| 32 | 32 | }, |
| 33 | 33 | { |
| ... | ... | @@ -35,7 +35,7 @@ export class SidebarComponent implements OnInit { |
| 35 | 35 | "desc": "Pancho grande", |
| 36 | 36 | "cod": 775987, |
| 37 | 37 | "precio": 45, |
| 38 | - "img": "./assets/descarga.jpg", | |
| 38 | + "img": "./assets/img/descarga.jpg", | |
| 39 | 39 | "cantidad": 1 |
| 40 | 40 | } |
| 41 | 41 | ]; |