Web: Backup: Added max length to the text.

This commit is contained in:
Tatiana Lopaeva 2022-02-25 12:05:43 +03:00
parent 47faaf1653
commit d9a8fd58ba
2 changed files with 13 additions and 5 deletions

View File

@ -113,6 +113,7 @@ const StyledAutoBackup = styled.div`
background-color: #f8f9f9;
padding: 12px;
max-width: 1144px;
box-sizing: border-box;
}
.auto-backup_buttons {
${(props) => props.isDesktop && "margin-bottom: 24px"}
@ -134,15 +135,19 @@ const StyledRestoreBackup = styled.div`
line-height: 15px;
}
.restore-warning {
.restore-backup_warning {
font-weight: 600;
margin-top: 24px;
margin-bottom: 8px;
font-size: 16px;
color: #f21c0e;
}
.restore-warning_link {
.restore-backup_warning-link {
margin: 16px 0 24px 0;
max-width: ${TEXT_LENGTH};
}
.restore-backup_warning-description {
max-width: ${TEXT_LENGTH};
}
.restore-backup-checkbox {
margin-bottom: 24px;
@ -266,6 +271,7 @@ const StyledBackup = styled.div`
.backup_modules-description {
margin-bottom: 24px;
max-width: ${TEXT_LENGTH};
}
`;

View File

@ -510,12 +510,14 @@ class RestoreBackup extends React.Component {
label={t("UserNotification")}
/>
<Text className="restore-warning">
<Text className="restore-backup_warning">
{t("Common:Warning")}
{"!"}
</Text>
<Text>{t("RestoreSettingsWarning")}</Text>
<Text className=" restore-warning_link">
<Text className="restore-backup_warning-description">
{t("RestoreSettingsWarning")}
</Text>
<Text className="restore-backup_warning-link">
{t("RestoreSettingsLink")}
</Text>