From 20effbe82adf06516d6e06e5fbe46939ff3c8f10 Mon Sep 17 00:00:00 2001 From: Sachin Chaurasiya Date: Fri, 5 May 2023 20:02:14 +0530 Subject: [PATCH] fix: service connection key value alignment (#11439) * fix: service connection key value alignment * update custom data base icon --- .../ui/src/assets/svg/ic-custom-database.svg | 40 ++++++++++------ .../ServiceConnectionDetails.component.tsx | 47 +++++++++++-------- 2 files changed, 53 insertions(+), 34 deletions(-) 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}
);