Izmenjeni grafici za pregled rezultata treniranja i omogućeno vraćanje metrika backend-u.

2 files changed, 17 insertions, 8 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 f91c1ccc..a59dd081 100644
--- a/frontend/src/app/_elements/metric-view/metric-view.component.css
+++ b/frontend/src/app/_elements/metric-view/metric-view.component.css
@@ -2,9 +2,18 @@
     width: 100%;
     height: 90%;
     border-radius: 5px;
-    background-color:var(--ns-primary-25);
-    border:1px solid var(--ns-accent);
+    border:1px solid var(--ns-primary);
+    display: table;
+    background-color: rgba(0, 65, 101, 0.7);
+    margin-top: 20px;
+}
+#left{
+    float: left;
+    width: 70% !important;
+    height: 100%;
+}
+#right{
+    float: right;
+    width: 30%;
+    height: 50%;
 }
-#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 d72bc92b..b000c569 100644
--- a/frontend/src/app/_elements/metric-view/metric-view.component.html
+++ b/frontend/src/app/_elements/metric-view/metric-view.component.html
@@ -1,8 +1,8 @@
-<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);">
+<div id="container">
+    <div id="left">
         <app-line-chart></app-line-chart>
     </div>
-    <div style="background-color: var(--ns-bg-dark-100);width: 50%;height: 50%;">
+    <div id="right" >
         <app-scatterchart></app-scatterchart>
     </div>
 </div>
\ No newline at end of file