Web: Client: JavascriptSDK: layout was corrected

This commit is contained in:
Vladimir Khvan 2024-04-03 16:15:17 +05:00
parent 49ae08058f
commit 3757b2f99f
3 changed files with 13 additions and 8 deletions

View File

@ -36,7 +36,7 @@ import { HelpButton } from "@docspace/shared/components/help-button";
import { toastr } from "@docspace/shared/components/toast";
const Wrapper = styled.div`
margin: 0 0 16px;
margin: 16px 0 16px;
display: flex;
align-items: center;
@ -47,7 +47,7 @@ const Wrapper = styled.div`
const InfoText = styled(Text)`
margin-top: -8px;
margin-bottom: 16px;
margin-bottom: 8px;
font-size: 12px;
color: ${(props) => props.theme.client.settings.migration.subtitleColor};
`;
@ -55,7 +55,7 @@ const InfoText = styled(Text)`
const ErrorText = styled(Text)`
font-size: 12px;
color: ${(props) => props.theme.client.settings.migration.errorTextColor};
margin-bottom: 16px;
margin-bottom: 8px;
`;
const ImportCompleteStep = ({

View File

@ -42,6 +42,11 @@ const ErrorText = styled(Text)`
color: ${(props) => props.theme.client.settings.migration.errorTextColor};
margin-bottom: 16px;
`;
const InfoText = styled(Text)`
margin-bottom: 8px;
font-size: 12px;
color: ${(props) => props.theme.client.settings.migration.subtitleColor};
`;
const ImportCompleteStep = ({
t,
@ -111,12 +116,12 @@ const ImportCompleteStep = ({
return (
<Wrapper>
<Text fontSize="12px">
<InfoText>
{t("Settings:ImportedUsers", {
selectedUsers: importResult.succeedUsers,
importedUsers: importResult.succeedUsers + importResult.failedUsers,
})}
</Text>
</InfoText>
{importResult.failedUsers > 0 && (
<ErrorText>

View File

@ -36,7 +36,7 @@ import { HelpButton } from "@docspace/shared/components/help-button";
import { toastr } from "@docspace/shared/components/toast";
const Wrapper = styled.div`
margin: 0 0 16px;
margin: 16px 0 16px;
display: flex;
align-items: center;
@ -47,7 +47,7 @@ const Wrapper = styled.div`
const InfoText = styled(Text)`
margin-top: -8px;
margin-bottom: 16px;
margin-bottom: 8px;
font-size: 12px;
color: ${(props) => props.theme.client.settings.migration.subtitleColor};
`;
@ -55,7 +55,7 @@ const InfoText = styled(Text)`
const ErrorText = styled(Text)`
font-size: 12px;
color: ${(props) => props.theme.client.settings.migration.errorTextColor};
margin-bottom: 16px;
margin-bottom: 8px;
`;
const ImportCompleteStep = ({