Skip to content

Commit

Permalink
UI: Format code
Browse files Browse the repository at this point in the history
Signed-off-by: Orfeas Kourkakis <orfeas@arrikto.com>
  • Loading branch information
orfeas-k committed Oct 24, 2022
1 parent 4299856 commit 404681c
Show file tree
Hide file tree
Showing 4 changed files with 59 additions and 53 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ import { TrialsGraphEchartsModule } from './trials-graph-echarts/trials-graph-ec
MatProgressSpinnerModule,
ExperimentYamlModule,
TitleActionsToolbarModule,
TrialsGraphEchartsModule
TrialsGraphEchartsModule,
],
exports: [ExperimentDetailsComponent],
})
Expand Down
Original file line number Diff line number Diff line change
@@ -1,3 +1,9 @@
<div class="graph-wrapper">
<div echarts [initOpts]="initOpts" [options]="options" [merge]="options" class="graph"></div>
<div
echarts
[initOpts]="initOpts"
[options]="options"
[merge]="options"
class="graph"
></div>
</div>
Original file line number Diff line number Diff line change
@@ -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;
}
Original file line number Diff line number Diff line change
@@ -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 {}

0 comments on commit 404681c

Please sign in to comment.