chore: some more prettier stuff

Signed-off-by: blam <ben@blam.sh>
This commit is contained in:
blam
2021-08-03 19:03:07 +02:00
parent 260c053b91
commit 80f8fc294e
8 changed files with 48 additions and 8 deletions
@@ -36,7 +36,12 @@ export const AlertInsightsSectionHeader = ({
return (
<Box position="relative" mb={3} textAlign="left">
<ScrollAnchor id={`alert-${number}`} />
<Grid container spacing={2} justifyContent="space-between" alignItems="center">
<Grid
container
spacing={2}
justifyContent="space-between"
alignItems="center"
>
<Grid item>
<Box display="flex" alignItems="center">
<Box mr={2}>
@@ -97,7 +97,12 @@ const RolloutSummary = ({
const abortedMessage = findAbortedMessage(rollout);
return (
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
<Grid
container
direction="row"
justifyContent="flex-start"
alignItems="center"
>
<Grid xs={3} item>
<RolloutDrawer rollout={rollout} />
</Grid>
@@ -51,7 +51,12 @@ const DefaultCustomResourceSummary = ({
customResourceName,
}: DefaultCustomResourceSummaryProps) => {
return (
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
<Grid
container
direction="row"
justifyContent="flex-start"
alignItems="center"
>
<Grid xs={3} item>
<DefaultCustomResourceDrawer
customResource={customResource}
@@ -68,7 +68,12 @@ const DeploymentSummary = ({
hpa,
}: DeploymentSummaryProps) => {
return (
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
<Grid
container
direction="row"
justifyContent="flex-start"
alignItems="center"
>
<Grid xs={3} item>
<DeploymentDrawer deployment={deployment} />
</Grid>
@@ -40,7 +40,12 @@ type IngressSummaryProps = {
const IngressSummary = ({ ingress }: IngressSummaryProps) => {
return (
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
<Grid
container
direction="row"
justifyContent="flex-start"
alignItems="center"
>
<Grid xs={3} item>
<IngressDrawer ingress={ingress} />
</Grid>
@@ -35,7 +35,12 @@ type ServiceSummaryProps = {
const ServiceSummary = ({ service }: ServiceSummaryProps) => {
return (
<Grid container direction="row" justifyContent="flex-start" alignItems="center">
<Grid
container
direction="row"
justifyContent="flex-start"
alignItems="center"
>
<Grid xs={3} item>
<ServiceDrawer service={service} />
</Grid>
@@ -20,7 +20,12 @@ import EmptyStateImage from '../../assets/emptystate.svg';
export const IncidentsEmptyState = () => {
return (
<Grid container justifyContent="center" direction="column" alignItems="center">
<Grid
container
justifyContent="center"
direction="column"
alignItems="center"
>
<Grid item xs={12}>
<Typography variant="h5">Nice! No incidents found!</Typography>
</Grid>
@@ -20,7 +20,12 @@ import EmptyStateImage from '../../assets/emptystate.svg';
export const IncidentsEmptyState = () => {
return (
<Grid container justifyContent="center" direction="column" alignItems="center">
<Grid
container
justifyContent="center"
direction="column"
alignItems="center"
>
<Grid item xs={12}>
<Typography variant="h5">Nice! No incidents found!</Typography>
</Grid>