fix welcome layout
parent
0604a3dfbf
commit
2731f5560f
|
|
@ -1,9 +1,9 @@
|
|||
import type { TinyRingConfig } from '@ant-design/charts';
|
||||
import { Tiny } from '@ant-design/charts';
|
||||
import { PageContainer, ProCard, StatisticCard } from '@ant-design/pro-components';
|
||||
import { Card, Statistic } from 'antd';
|
||||
import RcResizeObserver from 'rc-resize-observer';
|
||||
import { useState } from 'react';
|
||||
import type { TinyRingConfig } from '@ant-design/charts';
|
||||
|
||||
const percentRing = (percent: number, frontColor: string): React.JSX.Element => {
|
||||
const TinyRing = Tiny.Ring as (props: TinyRingConfig) => JSX.Element;
|
||||
|
|
@ -52,7 +52,7 @@ const Logs: React.FC = () => {
|
|||
const [responsive, setResponsive] = useState(false);
|
||||
return (
|
||||
<PageContainer>
|
||||
<Card style={{color: '#f5f5f5'}}>
|
||||
<Card style={{ color: '#f5f5f5' }}>
|
||||
<RcResizeObserver
|
||||
key="resize-observer"
|
||||
onResize={(offset) => {
|
||||
|
|
@ -83,7 +83,7 @@ const Logs: React.FC = () => {
|
|||
<ProCard>
|
||||
<StatisticCard.Group direction={responsive ? 'row' : 'column'}>
|
||||
<StatisticCard
|
||||
hoverable
|
||||
hoverable
|
||||
chart={percentRing(
|
||||
Math.round(((indexData.oreo / indexData.totalPT) * 1000) / 10),
|
||||
'#00CC66',
|
||||
|
|
@ -96,7 +96,7 @@ const Logs: React.FC = () => {
|
|||
chartPlacement="left"
|
||||
/>
|
||||
<StatisticCard
|
||||
hoverable
|
||||
hoverable
|
||||
style={{ marginTop: '3vh' }}
|
||||
chart={percentRing(
|
||||
Math.round((indexData.allSuccess / indexData.all) * 1000) / 10,
|
||||
|
|
|
|||
Loading…
Reference in New Issue