This is an automated email from the ASF dual-hosted git repository. mintsweet pushed a commit to branch fix-bugs in repository https://gitbox.apache.org/repos/asf/incubator-devlake.git
commit 90645c0e02551477606fa846ddd87a2eee9b1e27 Author: mintsweet <[email protected]> AuthorDate: Wed Dec 27 16:40:59 2023 +1300 fix(config-ui): adjust some style for connection --- config-ui/src/routes/connection/connection.tsx | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/config-ui/src/routes/connection/connection.tsx b/config-ui/src/routes/connection/connection.tsx index 922a1c2b7..f2ebc2831 100644 --- a/config-ui/src/routes/connection/connection.tsx +++ b/config-ui/src/routes/connection/connection.tsx @@ -19,7 +19,7 @@ import { useState, useMemo } from 'react'; import { useParams, useNavigate, Link } from 'react-router-dom'; import { DeleteOutlined, PlusOutlined, NodeIndexOutlined, LinkOutlined, ClearOutlined } from '@ant-design/icons'; -import { theme, Table, Button, Modal, message } from 'antd'; +import { theme, Table, Button, Modal, message, Space } from 'antd'; import API from '@/api'; import { useAppDispatch, useAppSelector } from '@/app/hook'; @@ -295,13 +295,14 @@ export const Connection = () => { { title: 'Scope Config', key: 'scopeConfig', + align: 'center', width: 400, render: (_, { id, configId, configName }) => ( <> <span>{configId ? configName : 'N/A'}</span> {pluginConfig.scopeConfig && ( <Button - type="primary" + type="link" icon={<LinkOutlined />} onClick={() => { handleShowScopeConfigSelectDialog([id]); @@ -316,12 +317,13 @@ export const Connection = () => { title: '', dataIndex: 'id', key: 'id', - width: 100, + align: 'center', + width: 200, render: (id) => ( - <> + <Space> <Button type="primary" icon={<ClearOutlined />} onClick={() => handleShowClearDataScopeDialog(id)} /> <Button type="primary" icon={<DeleteOutlined />} onClick={() => handleShowDeleteDataScopeDialog(id)} /> - </> + </Space> ), }, ]}
