diff --git a/src/components/profile/ProfileAccountsError/index.tsx b/src/components/profile/ProfileAccountsError/index.tsx index 706345fb..8fa52ff2 100644 --- a/src/components/profile/ProfileAccountsError/index.tsx +++ b/src/components/profile/ProfileAccountsError/index.tsx @@ -14,7 +14,9 @@ const ProfileAccountsError: FC = ({ onClose, error }) => (
О НЕТ!
{ERROR_LITERAL[error] || error}
- +
); diff --git a/src/components/profile/ProfileAccountsError/styles.scss b/src/components/profile/ProfileAccountsError/styles.scss index b881f5fe..10604e68 100644 --- a/src/components/profile/ProfileAccountsError/styles.scss +++ b/src/components/profile/ProfileAccountsError/styles.scss @@ -5,13 +5,16 @@ width: 100%; height: 100%; z-index: 2; - background-color: transparentize(black, 0.5); + background-color: transparentize($red, 0.5); display: flex; align-items: center; - justify-content: center; + justify-content: flex-end; + margin: 0 !important; + padding: $gap; + box-sizing: border-box; @include can_backdrop { - background-color: transparentize($content_bg, 0.5); + background-color: transparentize($red, 0.5); backdrop-filter: blur(10px); } } @@ -22,15 +25,14 @@ } .text { - padding: $gap 0 $gap * 3; + padding: 0 0 $gap 0; } .content { - max-width: 260px; width: 100%; color: white; border-radius: $radius; background-color: $content_bg; - padding: $gap * 2; + padding: $gap; line-height: 1.2em; } diff --git a/src/constants/errors.ts b/src/constants/errors.ts index 0bf2ece7..a73f4304 100644 --- a/src/constants/errors.ts +++ b/src/constants/errors.ts @@ -46,5 +46,5 @@ export const ERROR_LITERAL = { [ERRORS.UNKNOWN_FILE_TYPE]: 'Запрещенный тип файла', [ERRORS.FILE_IS_TOO_BIG]: 'Файл слишком большой', [ERRORS.USER_EXIST_WITH_EMAIL]: - 'Мы не можем продолжить, потому что у другого пользователя есть этот email', + 'Мы не можем продолжить, потому что у другого пользователя есть этот email.', };