diff --git a/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/experiment-details.module.ts b/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/experiment-details.module.ts index ecee4f8d378..fa92d6f0203 100644 --- a/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/experiment-details.module.ts +++ b/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/experiment-details.module.ts @@ -32,7 +32,7 @@ import { TrialsGraphEchartsModule } from './trials-graph-echarts/trials-graph-ec MatProgressSpinnerModule, ExperimentYamlModule, TitleActionsToolbarModule, - TrialsGraphEchartsModule + TrialsGraphEchartsModule, ], exports: [ExperimentDetailsComponent], }) diff --git a/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.component.html b/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.component.html index 9349b603122..c6344f9526a 100644 --- a/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.component.html +++ b/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.component.html @@ -1,3 +1,9 @@
-
+
diff --git a/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.component.scss b/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.component.scss index 0f4fc997eec..7b90f50e62b 100644 --- a/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.component.scss +++ b/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.component.scss @@ -1,33 +1,33 @@ -.graph-wrapper { - position: relative; - display: flex; - justify-content: center; - align-items: center; - flex-direction: column; -} - -.graph { - width: 400px; - - @media (min-width: 768px) { - width: 700px; - } - - @media (min-width: 1024px) { - width: 1000px; - } - - @media (min-width: 1400px) { - width: 1300px; - } - - @media (min-width: 1650px) { - width: 1600px; - } - - @media (min-width: 2000px) { - width: 1900px; - } - - height: 600px; -} +.graph-wrapper { + position: relative; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.graph { + width: 400px; + + @media (min-width: 768px) { + width: 700px; + } + + @media (min-width: 1024px) { + width: 1000px; + } + + @media (min-width: 1400px) { + width: 1300px; + } + + @media (min-width: 1650px) { + width: 1600px; + } + + @media (min-width: 2000px) { + width: 1900px; + } + + height: 600px; +} diff --git a/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.module.ts b/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.module.ts index 7e5f7380cbc..419eeeb35e0 100644 --- a/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.module.ts +++ b/pkg/new-ui/v1beta1/frontend/src/app/pages/experiment-details/trials-graph-echarts/trials-graph-echarts.module.ts @@ -1,18 +1,18 @@ -import { NgModule } from '@angular/core'; -import { CommonModule } from '@angular/common'; -import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; -import { TrialsGraphEchartsComponent } from './trials-graph-echarts.component'; -import { NgxEchartsModule } from 'ngx-echarts'; - -@NgModule({ - declarations: [TrialsGraphEchartsComponent], - imports: [ - CommonModule, - MatProgressSpinnerModule, - NgxEchartsModule.forRoot({ - echarts: () => import('echarts'), - }), - ], - exports: [TrialsGraphEchartsComponent], -}) -export class TrialsGraphEchartsModule {} +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { MatProgressSpinnerModule } from '@angular/material/progress-spinner'; +import { TrialsGraphEchartsComponent } from './trials-graph-echarts.component'; +import { NgxEchartsModule } from 'ngx-echarts'; + +@NgModule({ + declarations: [TrialsGraphEchartsComponent], + imports: [ + CommonModule, + MatProgressSpinnerModule, + NgxEchartsModule.forRoot({ + echarts: () => import('echarts'), + }), + ], + exports: [TrialsGraphEchartsComponent], +}) +export class TrialsGraphEchartsModule {}