Skip to content

Commit 90de775

Browse files
authored
Fix min height of heading in admin pods (#1537)
Summary: See screenshots Before... ![image](https://github.com/pixie-io/pixie/assets/314133/a600ecea-adb4-4f7d-b606-a23fcc1dfc07) After... <img width="1232" alt="image" src="https://github.com/pixie-io/pixie/assets/314133/9493ec4d-7a50-44dd-83ba-3741c7798ade"> Relevant Issues: N/A Type of change: /kind bugfix Test Plan: `/admin/clusters`, open a cluster that doesn't have a lot going on, go to pods tab. Signed-off-by: Nick Lanam <nlanam@pixielabs.ai>
1 parent 67f30bb commit 90de775

File tree

2 files changed

+3
-2
lines changed

2 files changed

+3
-2
lines changed

src/ui/src/containers/admin/cluster-details/cluster-details-pods.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -159,7 +159,7 @@ export const PixiePodsTab = React.memo<{
159159
const dataPlaneDisplay = dataPlanePods.map((podStatus) => formatPodStatus(podStatus));
160160

161161
return (
162-
<>
162+
<div className={classes.root}>
163163
<div className={`${classes.podTypeHeader} ${classes.topPadding}`}> Control Plane Pods </div>
164164
<Table>
165165
<PodHeader />
@@ -205,7 +205,7 @@ export const PixiePodsTab = React.memo<{
205205
}
206206
</TableBody>
207207
</Table>
208-
</>
208+
</div>
209209
);
210210
});
211211
PixiePodsTab.displayName = 'PixiePodsTab';

src/ui/src/containers/admin/cluster-details/cluster-details-utils.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -135,6 +135,7 @@ export const useClusterDetailStyles = makeStyles((theme: Theme) => createStyles(
135135
alignItems: 'center',
136136
height: '100%',
137137
paddingLeft: theme.spacing(2),
138+
flex: '0 1',
138139
},
139140
topPadding: {
140141
paddingTop: theme.spacing(2),

0 commit comments

Comments
 (0)