Loose div in Utilities > Stream health screen (#2844)

This commit is contained in:
Dhanu Saputra 2023-03-22 03:06:16 +07:00 committed by GitHub
parent 159bf7912c
commit 2b41113211
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 51 additions and 51 deletions

View file

@ -1,4 +1,4 @@
import { Alert, Button, Col, Row, Statistic, Typography } from 'antd'; import { Alert, Button, Card, Col, Row, Statistic, Typography } from 'antd';
import dynamic from 'next/dynamic'; import dynamic from 'next/dynamic';
import Link from 'next/link'; import Link from 'next/link';
import React, { FC, useContext } from 'react'; import React, { FC, useContext } from 'react';
@ -41,6 +41,7 @@ export const StreamHealthOverview: FC<StreamHealthOverviewProps> = ({ showTroubl
return ( return (
<div> <div>
<Card type="inner">
<Row gutter={8}> <Row gutter={8}>
<Col span={12}> <Col span={12}>
<Statistic <Statistic
@ -89,6 +90,7 @@ export const StreamHealthOverview: FC<StreamHealthOverviewProps> = ({ showTroubl
/> />
</Col> </Col>
</Row> </Row>
</Card>
</div> </div>
); );
}; };

View file

@ -279,9 +279,7 @@ const StreamHealth = () => {
<Space direction="vertical" size="middle"> <Space direction="vertical" size="middle">
<Row justify="space-around"> <Row justify="space-around">
<Col style={{ width: '100%' }}> <Col style={{ width: '100%' }}>
<Card type="inner">
<StreamHealthOverview showTroubleshootButton={false} /> <StreamHealthOverview showTroubleshootButton={false} />
</Card>
</Col> </Col>
</Row> </Row>
<Row <Row