Martin Macola / autoservicio

Download as
Browse Code ยป

Commit 7d40163fa61e19084547a19e4ac362a33273832c

Authored by Marcelo Puebla
2 parents 9a7256ac9d 2e2185dc08
Exists in master

Merge branch 'master' of git.focasoftware.com:angular/autoservicio

Showing 2 changed files   Show diff stats
src/app/sidebar/sidebar.component.html
Diff comments   View file @ 7d40163
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   -
5   - <div class="card mt-2 bg-primary">
6   - <img src="../../assets/descarga.jpg" class="card-img-top" alt="...">
7   - <div class="card-body row m-0 p-0 px-1 py-1 shadow rounded">
8   - <div class="col-8 p-0 text-left my-auto">
9   - <p class="m-0 card-description">Galleta oreo x 199 gs Chocolate</p>
10   - <p class="m-0 card-description"><small>COD: 1234567</small></p>
11   - </div>
12   - <div class="col-4 p-1 text-center my-auto">
13   - {{90 | currency}}
  4 + <div class="overflow-auto mb-2">
  5 + <div class="card my-2 bg-primary border-0">
  6 + <img src="../../assets/descarga.jpg" class="card-img-top" alt="...">
  7 + <div class="card-body row m-0 p-0 px-1 py-1 shadow rounded">
  8 + <div class="col-8 p-0 text-left my-auto">
  9 + <p class="m-0 card-description">Galleta oreo x 199 gs Chocolate</p>
  10 + <p class="m-0 card-description"><small>COD: 1234567</small></p>
  11 + </div>
  12 + <div class="col-4 p-1 text-center my-auto">
  13 + {{90 | currency}}
  14 + </div>
14 15 </div>
15   - </div>
16   - <div class="row m-0 p-0">
17   - <div class="col p-1 pb-1 mt-2">
18   - <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 my-auto">X</button>
20   - <div class="btn-group-sm btn-group float-right my-auto" role="group" aria-label="Basic example">
21   - <button type="button" class="btn btn-light btn-sm mb-2">+</button>
22   - <label for="" class="border border.white px-1">12</label>
23   - <button type="button" class="btn btn-light btn-sm mb-2">-</button>
  16 + <div class="row m-0 p-0">
  17 + <div class="col p-1 pb-1 mt-2">
  18 + <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 my-auto">X</button>
  20 + <div class="btn-group-sm btn-group float-right my-auto" role="group" aria-label="Basic example">
  21 + <button type="button" class="btn btn-light btn-sm mb-2">+</button>
  22 + <label for="" class="border border.white px-1">12</label>
  23 + <button type="button" class="btn btn-light btn-sm mb-2">-</button>
  24 + </div>
24 25 </div>
25 26 </div>
26 27 </div>
27 28 </div>
28 29  
29   - <div class="card mt-auto blue-gradient">
  30 + <div class="card mt-auto blue-gradient border-0">
30 31 <div class="card-body row">
31 32 <div class="col">
32 33 <h4 class="border-bottom border-secondary text-secondary">(1) item</h4>
... ... @@ -38,5 +39,4 @@
38 39 <button type="button" class="btn btn-light shadow btn-sm">Cancelar</button>
39 40 </div>
40 41 </div>
41   - </div>
42   -</div>
43 42 \ No newline at end of file
  43 + </div>
44 44 \ No newline at end of file
... ... @@ -16,5 +16,5 @@ body {
16 16 user-select: none;
17 17 }
18 18 .blue-gradient{
19   - background: linear-gradient(0deg, rgba(40,112,175,1),rgb(252, 252, 252));
  19 + background: linear-gradient(0deg, rgb(20,56,68),rgb(252, 252, 252));
20 20 }