kubeflow
/
notebooks
mirror of https://github.com/kubeflow/notebooks.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(ws): apply left alignment and fix padding to match other items 

Signed-off-by: Jenny <32821331+jenny-s51@users.noreply.github.com>
This commit is contained in:
Jenny 2025-07-14 12:09:38 -04:00
parent 023f84b3a3
commit a272e6e532
1 changed files with 14 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
workspaces/frontend/src/app/pages/WorkspaceKinds/summary/WorkspaceKindSummaryExpandableCard.tsx
View File

@ -1,6 +1,5 @@
import React, { useMemo } from 'react';
import {
Bullseye,
Button,
Card,
CardBody,
@ -76,29 +75,25 @@ const WorkspaceKindSummaryExpandableCard: React.FC<WorkspaceKindSummaryExpandabl
<SectionDivider />
<SectionFlex title="Idle GPU Workspaces">
<FlexItem>
<Bullseye>
<Button
variant="link"
isInline
style={{ fontSize: LargeFontSize.value, fontWeight: BoldFontWeight.value }}
onClick={() => {
onAddFilter({ columnKey: 'idleGpu', value: YesNoValue.Yes });
}}
>
{filterIdleWorkspacesWithGpu(workspaces).length}
</Button>
</Bullseye>
<Button
variant="link"
isInline
style={{ fontSize: LargeFontSize.value, fontWeight: BoldFontWeight.value }}
onClick={() => {
onAddFilter({ columnKey: 'idleGpu', value: YesNoValue.Yes });
}}
>
{filterIdleWorkspacesWithGpu(workspaces).length}
</Button>
</FlexItem>
<FlexItem>
<Bullseye>
<Content>Idle GPU Workspaces</Content>
</Bullseye>
<Content>Idle GPU Workspaces</Content>
</FlexItem>
</SectionFlex>
<SectionDivider />
<SectionFlex title="Top GPU Consumer Namespaces">
<FlexItem>
<Stack hasGutter>
<Content>
<Stack className="pf-v6-u-pt-sm">
{topGpuConsumersByNamespace.length > 0 ? (
topGpuConsumersByNamespace.map(([ns, record]) => (
<StackItem key={ns}>
@ -115,7 +110,7 @@ const WorkspaceKindSummaryExpandableCard: React.FC<WorkspaceKindSummaryExpandabl
</StackItem>
)}
</Stack>
</FlexItem>
</Content>
</SectionFlex>
</Flex>
</CardBody>
@ -137,7 +132,6 @@ const SectionFlex: React.FC<SectionFlexProps> = ({ children, title }) => (
<Flex
direction={{ default: 'column' }}
justifyContent={{ default: 'justifyContentSpaceBetween' }}
style={{ height: '100%' }}
>
<FlexItem>
<Content component={ContentVariants.h3}>{title}</Content>