aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/metric-view
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/app/_elements/metric-view')
-rw-r--r--frontend/src/app/_elements/metric-view/metric-view.component.css10
-rw-r--r--frontend/src/app/_elements/metric-view/metric-view.component.html9
2 files changed, 17 insertions, 2 deletions
diff --git a/frontend/src/app/_elements/metric-view/metric-view.component.css b/frontend/src/app/_elements/metric-view/metric-view.component.css
index e69de29b..f91c1ccc 100644
--- a/frontend/src/app/_elements/metric-view/metric-view.component.css
+++ b/frontend/src/app/_elements/metric-view/metric-view.component.css
@@ -0,0 +1,10 @@
+#container{
+ width: 100%;
+ height: 90%;
+ border-radius: 5px;
+ background-color:var(--ns-primary-25);
+ border:1px solid var(--ns-accent);
+}
+#line{
+ background-color:#dfd7d7f0 ;
+} \ No newline at end of file
diff --git a/frontend/src/app/_elements/metric-view/metric-view.component.html b/frontend/src/app/_elements/metric-view/metric-view.component.html
index 3a6cce8d..d72bc92b 100644
--- a/frontend/src/app/_elements/metric-view/metric-view.component.html
+++ b/frontend/src/app/_elements/metric-view/metric-view.component.html
@@ -1,3 +1,8 @@
-<div>
-
+<div id="container" class="d-flex justify-content-center flex-row w-100">
+ <div id="line" style="width: 100%;height: 100%;background-color:var(--ns-bg-dark-100);">
+ <app-line-chart></app-line-chart>
+ </div>
+ <div style="background-color: var(--ns-bg-dark-100);width: 50%;height: 50%;">
+ <app-scatterchart></app-scatterchart>
+ </div>
</div> \ No newline at end of file