Web: Backup: Added max length to the text.
This commit is contained in:
parent
47faaf1653
commit
d9a8fd58ba
@ -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};
|
||||
}
|
||||
`;
|
||||
|
||||
|
@ -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>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user