+
![]()
+
+
+
{{prod.desc}}
+
COD: {{prod.cod}}
-
- {{prod.precio | currency}}
+
+
{{prod.precio | currency}}
-
-
-
-
-
-
-
+
+
+
+
+ {{prod.cantidad}}
+
+
+
+
+
-
+
-
({{cont}}) item
- 1">({{cont}}) items
+ ({{cont}}) item
+ 1">({{cont}}) items
Total
- {{total | currency}}
+ {{total | currency}}
-
+
-
\ No newline at end of file
+
+
diff --git a/src/app/components/sidebar/sidebar.component.scss b/src/app/components/sidebar/sidebar.component.scss
index d2b8114..b2d0590 100644
--- a/src/app/components/sidebar/sidebar.component.scss
+++ b/src/app/components/sidebar/sidebar.component.scss
@@ -1,3 +1,7 @@
.card-description{
font-size: 12px;
+}
+
+app-sidebar {
+ background-color: red !important;
}
\ No newline at end of file
diff --git a/src/app/components/sidebar/sidebar.component.ts b/src/app/components/sidebar/sidebar.component.ts
index e00f2dc..63323ab 100644
--- a/src/app/components/sidebar/sidebar.component.ts
+++ b/src/app/components/sidebar/sidebar.component.ts
@@ -1,4 +1,5 @@
import { Component, OnInit } from '@angular/core';
+import { Producto } from 'src/app/wrappers/producto';
@Component({
@@ -16,10 +17,10 @@ export class SidebarComponent implements OnInit {
private productos = [
{
"id": 1,
- "desc": "Galletas Oreo",
+ "Detart": "Galletas Oreo",
"cod": 225412,
"precio": 15,
- "img": "./assets/img/descarga.jpg",
+ "img": "./assets/img/logodebo.png",
"cantidad": 1
},
{
@@ -27,7 +28,7 @@ export class SidebarComponent implements OnInit {
"desc": "Coca cola 500ml",
"cod": 512632,
"precio": 40,
- "img": "./assets/img/descarga.jpg",
+ "img": "./assets/img/logodebo.png",
"cantidad": 1
},
{
@@ -35,7 +36,7 @@ export class SidebarComponent implements OnInit {
"desc": "Pancho grande",
"cod": 775987,
"precio": 45,
- "img": "./assets/img/descarga.jpg",
+ "img": "./assets/img/logodebo.png",
"cantidad": 1
}
];
diff --git a/src/app/wrappers/producto.ts b/src/app/wrappers/producto.ts
index 2a4ac55..bc83d51 100644
--- a/src/app/wrappers/producto.ts
+++ b/src/app/wrappers/producto.ts
@@ -87,4 +87,6 @@ export interface Producto {
IMP_IMP_INT: boolean;
id: number;
nombreImagen?: any;
+
+ cantidad?:number;
}
diff --git a/src/styles.scss b/src/styles.scss
index 89c6c82..fb898f3 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -20,25 +20,28 @@ body {
}
.blue-gradient {
- background: linear-gradient(0deg, rgb(20, 56, 68), rgb(252, 252, 252));
+ background: linear-gradient(0deg, #8093a4, #fcfcfc);
}
.rounded {
border-radius: 1.5rem !important;
}
+.rounded-top-sm {
+ border-top-left-radius: 0.75rem !important;
+ border-top-right-radius: 0.75rem !important;
+}
+
.rounded-sm {
border-radius: 0.75rem !important;
}
.card-effect {
- &:active,
- img {
+ &:active {
background-color: #c9c9c9b3 !important;
transition: background-color 0.5s;
}
- &:focus,
- img {
+ &:focus {
background-color: #c9c9c9b3 !important;
transition: background-color 0.5s;
}
@@ -70,6 +73,10 @@ body {
}
}
-.bg-gray{
+.bg-gray {
background-color: #e6e6e6;
-}
\ No newline at end of file
+}
+
+.bg-primary-gradient {
+ background: linear-gradient(135deg, rgba(40, 112, 175, 1) 0%, rgba(0, 32, 66, 1) 100%);
+}