Commit 5cbf3578b8b536dae5b4e51fc277835103e7900c
1 parent
40925785f2
Exists in
master
Sidebar 0.1
Showing
3 changed files
with
43 additions
and
3 deletions
Show diff stats
src/app/sidebar/sidebar.component.html
| 1 | -<div class="col-2 col-md-2 bg-dark text-white"> | |
| 2 | - <div class="bg-dark py-1 py-sm-2 py-lg-5"> | |
| 3 | - <p class="text-center">SIDEBAR</p> | |
| 1 | +<div class="col-2 col-md-2 offset-10 w-100 h-100 bg-dark text-white"> | |
| 2 | + <div class="d-flex align-items-center flex-column h-100 bg-dark pt-2 text-center"> | |
| 3 | + | |
| 4 | + <h4 class="border-bottom border-white"> Mi compra </h4> | |
| 5 | + | |
| 6 | + <div class="card mt-2 bg-primary"> | |
| 7 | + <img src="../../assets/descarga.jpg" class="card-img-top" alt="..."> | |
| 8 | + <div class="card-body row m-0 p-0 px-1 py-1 shadow rounded"> | |
| 9 | + <div class="col-8 p-0 text-left my-auto"> | |
| 10 | + <p class="m-0 card-description">Galleta oreo x 199 gs Chocolate</p> | |
| 11 | + <p class="m-0 card-description"><small>COD: 1234567</small></p> | |
| 12 | + </div> | |
| 13 | + <div class="col-4 p-1 text-center my-auto"> | |
| 14 | + {{90 | currency}} | |
| 15 | + </div> | |
| 16 | + </div> | |
| 17 | + <div class="row m-0 p-0"> | |
| 18 | + <div class="col p-1 pb-1 mt-2"> | |
| 19 | + <button type="button" class="btn btn-light btn-sm float-left my-auto">X</button> | |
| 20 | + <button type="button" class="btn btn-light btn-sm my-auto">X</button> | |
| 21 | + <div class="btn-group-sm btn-group float-right my-auto" role="group" aria-label="Basic example"> | |
| 22 | + <button type="button" class="btn btn-light btn-sm mb-2">+</button> | |
| 23 | + <label for="" class="border border.white px-1">12</label> | |
| 24 | + <button type="button" class="btn btn-light btn-sm mb-2">-</button> | |
| 25 | + </div> | |
| 26 | + </div> | |
| 27 | + </div> | |
| 28 | + </div> | |
| 29 | + <!-- <div class="row"> | |
| 30 | + <div class="col"> --> | |
| 31 | + <div class="card mt-auto"> | |
| 32 | + <div class="card-body"> | |
| 33 | + <h5 class="card-title">Card title</h5> | |
| 34 | + <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's | |
| 35 | + content.</p> | |
| 36 | + <a href="#" class="btn btn-primary">Go somewhere</a> | |
| 37 | + </div> | |
| 38 | + </div> | |
| 39 | + <!-- </div> | |
| 40 | + </div> --> | |
| 4 | 41 | </div> |
| 5 | 42 | </div> |
| 6 | 43 | \ No newline at end of file |
src/app/sidebar/sidebar.component.scss
src/assets/descarga.jpg
6.1 KB