diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html index 784d5a4..7d30334 100644 --- a/src/app/dashboard/dashboard.component.html +++ b/src/app/dashboard/dashboard.component.html @@ -2,8 +2,10 @@
- +
{{(item.days).toFixed(0)}} D
diff --git a/src/app/dashboard/dashboard.component.scss b/src/app/dashboard/dashboard.component.scss index ff6918c..96e5982 100644 --- a/src/app/dashboard/dashboard.component.scss +++ b/src/app/dashboard/dashboard.component.scss @@ -10,16 +10,7 @@ text-align: center; padding-top: 20px; top: -25px; - &.red { - background-color: red; - } - &.yellow { - background-color: yellow; - color: black; - } - &.green { - background-color: green; - } + } diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts index 2ad9914..eab0a29 100644 --- a/src/app/dashboard/dashboard.component.ts +++ b/src/app/dashboard/dashboard.component.ts @@ -16,15 +16,15 @@ export class DashboardComponent implements OnInit { console.log(days) if(days > 0 && days <= 7){ - return 'green'; + return '#32c5d2'; } if (days > 8 && days <= 15){ - return 'yellow'; + return '#c49f47'; } if (days >= 16){ - return 'red'; + return '#e7505a'; } } -- libgit2 0.21.2