IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

flex wrapper was added for correct badge positioning

Browse Source
This commit is contained in:
Vladimir Khvan 2023-04-05 17:06:42 +05:00
parent 8ea817b767
commit 73a01b3958
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/WebhooksTable/WebhooksRowView/WebhookRowContent.js
View File

@ -31,16 +31,20 @@ const ToggleButtonWrapper = styled.div`
justify-content: flex-end;
`;
const FlexWrapper = styled.div`
display: flex;
`;
export const WebhookRowContent = ({ sectionWidth, webhook, isChecked, handleToggleEnabled }) => {
return (
<StyledRowContent sectionWidth={sectionWidth}>
<ContentWrapper>
<span>
<Text fontWeight={600} fontSize="14px">
<FlexWrapper>
<Text fontWeight={600} fontSize="14px" style={{ marginRight: "8px" }}>
{webhook.title}
</Text>
{webhook.status && <StatusBadge status={webhook.status} />}
</span>
</FlexWrapper>
<Text fontWeight={600} fontSize="12px" color="#A3A9AE">
{webhook.url}
</Text>