Merge pull request #739 from GraphScope/fix-styles-result

fix: Modify spacing variable

Author: pomelo-nwu

packages/studio-components/src/Provider/getThemeConfig.tsx

@@ -38,8 +38,6 @@ export const getThemeConfig = (algorithm: ThemeProviderType['algorithm']) => {
     Result: {
       iconFontSize: 62,
       titleFontSize: 20,
-      paddingLG: 0,
-      marginXS: 0,
       colorError: isLight ? '#00000073' : '#ddd',
     },
   };

packages/studio-website/src/pages/instance/lists/empty.tsx

@@ -7,11 +7,11 @@ import CreateInstance from '../create';
 const { Text, Title } = Typography;
 const ServerNotAvailable: React.FC = () => {
   return (
-      <Row gutter={[12, 12]}>
+    <Row >
         <Col span={24} >
           <Card>
             <Flex >
-              <Result status="404" />
+              <Result status="404" style={{padding: '0 20px 0 0', margin: 0}}/>
               <Flex vertical>
               <br/>
                 <Title level={3}>

packages/studio-website/src/pages/instance/lists/server-not-available.tsx

@@ -3,16 +3,15 @@ import { Row, Col, Card, Result, Flex, ConfigProvider, Typography, theme } from
 import { FormattedMessage } from 'react-intl';
 
 const { Text, Title } = Typography;
-
 const ServerNotAvailable: React.FC = () => {
   const { token } = theme.useToken();
   return (
-    <Row gutter={[12, 12]}>
+    <Row >
       <Col span={24}>
         <Card>
           <Flex>
-            <Result status="404" />
-            <Flex vertical justify="flex-start" style={{ flex: 1 }}>
+            <Result status="404" style={{padding: '0 20px 0 0',margin: 0}}/>
+            <Flex vertical justify="flex-start" style={{ flex: 1, paddingTop: 10 }}>
               <Title level={3}>
                 <FormattedMessage id="No available Coordinator service" />
               </Title>