diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-custom-database.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-custom-database.svg index cf8d4da1ae6..07ee04c1b47 100644 --- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-custom-database.svg +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-custom-database.svg @@ -1,29 +1,41 @@ - + - + - - - - - - - - + + + + + + + + + + + + \ No newline at end of file diff --git a/openmetadata-ui/src/main/resources/ui/src/components/ServiceConnectionDetails/ServiceConnectionDetails.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/ServiceConnectionDetails/ServiceConnectionDetails.component.tsx index 5a3c74152cb..4238d664543 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/ServiceConnectionDetails/ServiceConnectionDetails.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/ServiceConnectionDetails/ServiceConnectionDetails.component.tsx @@ -16,7 +16,7 @@ // @ts-nocheck import { InfoCircleOutlined } from '@ant-design/icons'; -import { Card, Tooltip } from 'antd'; +import { Card, Col, Row, Space, Tooltip } from 'antd'; import { StorageServiceType } from 'generated/entity/services/storageService'; import { get, isEmpty, isNull, isObject } from 'lodash'; import React, { ReactNode, useEffect, useState } from 'react'; @@ -169,25 +169,32 @@ const ServiceConnectionDetails = ({ : {}; return ( -
-
-

{title || key}:

- - + + + +

{key || title}:

+ + + + + + + - -
-
- -
-
+ + + ); } else { return null; @@ -243,7 +250,7 @@ const ServiceConnectionDetails = ({
- {data} + {data}
);