diff --git a/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.scss b/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.scss index 15c77993a..4ea0f88b8 100644 --- a/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.scss +++ b/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.scss @@ -46,6 +46,13 @@ } } } + + &.single-bar { + .title { + @include body-2-regular($gray-7); + margin-right: 12px; + } + } } .bar { @@ -90,6 +97,11 @@ width: 1px; background: white; } + + &.single-bar { + height: 6px; + width: 80px; + } } .legend { diff --git a/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts b/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts index 43be12741..292260b7e 100644 --- a/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts +++ b/projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts @@ -24,7 +24,7 @@ import { changeDetection: ChangeDetectionStrategy.OnPush, template: `