yujunjun/datahub
2
0
Fork 0
mirror of https://github.com/datahub-project/datahub.git synced 2025-12-03 14:16:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui) Fix some spacing issues on the search card (#4916)

Browse Source 
Co-authored-by: Chris Collins <chriscollins@Chriss-MBP.lan>
This commit is contained in:
Chris Collins 2022-05-13 14:59:51 -04:00 committed by GitHub
parent 1a8e3f5ae7
commit d7cc415c77
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
datahub-web-react/src/app/entity/shared/containers/profile/header/PlatformContent/PlatformContentView.tsx
View File

@ -7,7 +7,8 @@ import { Container } from '../../../../../../../types.generated';
import { ANTD_GRAY } from '../../../../constants';
import ContainerLink from './ContainerLink';
const LogoContainer = styled.span`
const LogoIcon = styled.span`
display: flex;
margin-right: 8px;
`;
@ -21,7 +22,7 @@ const PreviewImage = styled(Image)`
const PlatformContentWrapper = styled.div`
display: flex;
align-items: center;
margin: 0 8px 8px 0;
margin: 0 8px 6px 0;
flex-wrap: nowrap;
flex: 1;
`;
@ -43,10 +44,6 @@ const PlatformDivider = styled.div`
vertical-align: text-top;
`;
const TypeIcon = styled.span`
margin-right: 8px;
`;
const StyledRightOutlined = styled(RightOutlined)`
color: ${ANTD_GRAY[7]};
font-size: 8px;
@ -117,14 +114,14 @@ function PlatformContentView(props: Props) {
return (
<PlatformContentWrapper>
{typeIcon && <TypeIcon>{typeIcon}</TypeIcon>}
{typeIcon && <LogoIcon>{typeIcon}</LogoIcon>}
<PlatformText>{entityType}</PlatformText>
<PlatformDivider />
{platformName && (
<LogoContainer>
<LogoIcon>
{(!!platformLogoUrl && <PreviewImage preview={false} src={platformLogoUrl} alt={platformName} />) ||
entityLogoComponent}
</LogoContainer>
</LogoIcon>
)}
<PlatformText>
{platformName}

4
datahub-web-react/src/app/preview/DefaultPreviewCard.tsx
View File

@ -73,17 +73,17 @@ const PlatformDivider = styled.div`
const DescriptionContainer = styled.div`
color: ${ANTD_GRAY[7]};
margin-bottom: 8px;
`;
const AvatarContainer = styled.div`
margin-top: 6px;
margin-right: 32px;
`;
const TagContainer = styled.div`
display: inline-flex;
margin-left: 0px;
margin-top: 5px;
margin-top: 3px;
`;
const TagSeparator = styled.div`