fix welcome layout

src/pages/Welcome/index.tsx

@@ -6,7 +6,7 @@ import { useState } from 'react';
 import type { TinyRingConfig } from '@ant-design/charts';
 
 const percentRing = (percent: number, frontColor: string): React.JSX.Element => {
-  const TinyRing = Tiny.Ring;
+  const TinyRing = Tiny.Ring as (props: TinyRingConfig) => JSX.Element;
   const config: TinyRingConfig = {
     percent: percent / 100,
     width: 120,
@@ -52,7 +52,7 @@ const Logs: React.FC = () => {
   const [responsive, setResponsive] = useState(false);
   return (
     <PageContainer>
-      <Card>
+      <Card style={{color: '#f5f5f5'}}>
         <RcResizeObserver
           key="resize-observer"
           onResize={(offset) => {
@@ -60,18 +60,19 @@ const Logs: React.FC = () => {
           }}
         >
           <ProCard split={responsive ? 'horizontal' : 'vertical'}>
-            <ProCard title="左侧详情" colSpan="48%">
-              左侧内容
+            <ProCard colSpan="45%">
+              <ProCard hoverable>左侧内容</ProCard>
             </ProCard>
             <ProCard colSpan="20%">
               <StatisticCard
-                style={{ marginTop: '2vh' }}
+                hoverable
+                style={{ marginTop: '0vh' }}
                 statistic={{
                   title: '今日预填写工单数',
                   value: indexData.todayPT,
                   description: (
                     <Statistic
-                      style={{ marginTop: '15vh' }}
+                      style={{ marginTop: '15vh', marginBottom: '8vh' }}
                       title="今日反馈数"
                       value={indexData.report}
                     />
@@ -82,6 +83,7 @@ const Logs: React.FC = () => {
             <ProCard>
               <StatisticCard.Group direction={responsive ? 'row' : 'column'}>
                 <StatisticCard
+                hoverable
                   chart={percentRing(
                     Math.round(((indexData.oreo / indexData.totalPT) * 1000) / 10),
                     '#00CC66',
@@ -94,6 +96,7 @@ const Logs: React.FC = () => {
                   chartPlacement="left"
                 />
                 <StatisticCard
+                hoverable
                   style={{ marginTop: '3vh' }}
                   chart={percentRing(
                     Math.round((indexData.allSuccess / indexData.all) * 1000) / 10,