Web: Client: JavascriptSDK: layout was corrected
This commit is contained in:
parent
49ae08058f
commit
3757b2f99f
@ -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 = ({
|
||||
|
@ -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>
|
||||
|
@ -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 = ({
|
||||
|
Loading…
Reference in New Issue
Block a user