Mauricio Cattafi / autoservicio

Download as
Browse Code ยป

Commit be933bc66b89987abe37feb6a8e61981440c44ee

Authored by =
1 parent 07dd02f0c2
Exists in master and in 1 other branch validar_pve

Agregado card abajo

Showing 1 changed file with 14 additions and 7 deletions   Show diff stats
src/app/sidebar/sidebar.component.html
Diff comments   View file @ be933bc
1 <div class="col-2 col-md-2 offset-10 w-100 h-100 bg-dark text-white"> 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"> 2 <div class="d-flex align-items-center flex-column h-100 bg-dark pt-2 text-center">
3 3
4 <h4 class="border-bottom border-white"> Mi compra </h4> 4 <h4 class="border-bottom border-white"> Mi compra </h4>
5 5
6 <div class="card mt-2 bg-primary"> 6 <div class="card mt-2 bg-primary">
7 <img src="../../assets/descarga.jpg" class="card-img-top" alt="..."> 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"> 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"> 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> 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> 11 <p class="m-0 card-description"><small>COD: 1234567</small></p>
12 </div> 12 </div>
13 <div class="col-4 p-1 text-center my-auto"> 13 <div class="col-4 p-1 text-center my-auto">
14 {{90 | currency}} 14 {{90 | currency}}
15 </div> 15 </div>
16 </div> 16 </div>
17 <div class="row m-0 p-0"> 17 <div class="row m-0 p-0">
18 <div class="col p-1 pb-1 mt-2"> 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> 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> 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"> 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> 22 <button type="button" class="btn btn-light btn-sm mb-2">+</button>
23 <label for="" class="border border.white px-1">12</label> 23 <label for="" class="border border.white px-1">12</label>
24 <button type="button" class="btn btn-light btn-sm mb-2">-</button> 24 <button type="button" class="btn btn-light btn-sm mb-2">-</button>
25 </div> 25 </div>
26 </div> 26 </div>
27 </div> 27 </div>
28 </div> 28 </div>
29 29
30 <div class="card mt-auto"> 30 <div class="card mt-auto" style="background: linear-gradient(0deg, rgba(40,112,175,1),rgb(252, 252, 252))">
31 <div class="card-body"> 31 <div class="card-body row">
32 <h5 class="card-title">Card title</h5> 32 <div class="col">
33 <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's 33 <h4 class="border-bottom border-secondary text-secondary">(1) item</h4>
34 content.</p> 34 <h3 class="text-secondary">Total</h3>
35 <a href="#" class="btn btn-primary">Go somewhere</a> 35 <h3 class="text-dark"><strong>{{5000 | currency}}</strong></h3>
36 </div>
37 <div class="col p-0">
38 <button type="button" class="btn btn-light shadow"><strong>Finalizar y pagar</strong></button>
39 </div>
40 <div class="col">
41 <button type="button" class="btn btn-light shadow btn-sm">Cancelar</button>
42 </div>
36 </div> 43 </div>
37 </div> 44 </div>
38 </div> 45 </div>
39 </div> 46 </div>