Skip to content

Commit 1ef3881

Browse files
committed
styling fix
1 parent 8fe7c94 commit 1ef3881

File tree

1 file changed

+25
-23
lines changed

1 file changed

+25
-23
lines changed

frontend/src/pages/modelServing/screens/global/InferenceServiceServingRuntime.tsx

Lines changed: 25 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Label, LabelGroup } from '@patternfly/react-core';
1+
import { Label, LabelGroup, Stack, StackItem } from '@patternfly/react-core';
22
import * as React from 'react';
33
import TypedObjectIcon from '~/concepts/design/TypedObjectIcon';
44
import { ProjectObjectType } from '~/concepts/design/utils';
@@ -18,30 +18,32 @@ type Props = {
1818
const InferenceServiceServingRuntime: React.FC<Props> = ({ servingRuntime, isProjectScoped }) => (
1919
<>
2020
{servingRuntime ? (
21-
<>
22-
{getDisplayNameFromServingRuntimeTemplate(servingRuntime)}
23-
<LabelGroup>
24-
{getServingRuntimeVersion(servingRuntime) && (
25-
<ServingRuntimeVersionLabel
26-
version={getServingRuntimeVersion(servingRuntime)}
27-
isCompact
28-
/>
29-
)}
30-
{isProjectScoped &&
31-
servingRuntime.metadata.annotations?.['opendatahub.io/serving-runtime-scope'] ===
32-
SERVING_RUNTIME_SCOPE.Project && (
33-
<Label
34-
variant="outline"
35-
color="blue"
36-
data-testid="project-scoped-label"
21+
<Stack>
22+
<StackItem>{getDisplayNameFromServingRuntimeTemplate(servingRuntime)}</StackItem>
23+
<StackItem>
24+
<LabelGroup>
25+
{getServingRuntimeVersion(servingRuntime) && (
26+
<ServingRuntimeVersionLabel
27+
version={getServingRuntimeVersion(servingRuntime)}
3728
isCompact
38-
icon={<TypedObjectIcon alt="" resourceType={ProjectObjectType.project} />}
39-
>
40-
Project-scoped
41-
</Label>
29+
/>
4230
)}
43-
</LabelGroup>
44-
</>
31+
{isProjectScoped &&
32+
servingRuntime.metadata.annotations?.['opendatahub.io/serving-runtime-scope'] ===
33+
SERVING_RUNTIME_SCOPE.Project && (
34+
<Label
35+
variant="outline"
36+
color="blue"
37+
data-testid="project-scoped-label"
38+
isCompact
39+
icon={<TypedObjectIcon alt="" resourceType={ProjectObjectType.project} />}
40+
>
41+
Project-scoped
42+
</Label>
43+
)}
44+
</LabelGroup>
45+
</StackItem>
46+
</Stack>
4547
) : (
4648
'Unknown'
4749
)}

0 commit comments

Comments
 (0)