Confirm: fix style

This commit is contained in:
Viktor Fomin 2022-08-11 16:36:17 +03:00
parent 1f035e9556
commit f4caa90745
2 changed files with 17 additions and 11 deletions

View File

@ -67,13 +67,16 @@ export const StyledBody = styled.div`
}
.phone-input {
margin-top: 32px;
margin-bottom: 16px;
margin-bottom: 24px;
}
.delete-profile-confirm {
margin-bottom: 8px;
}
.phone-title {
margin-bottom: 8px;
}
`;
export const ButtonsWrapper = styled.div`

View File

@ -23,16 +23,19 @@ const ChangePhoneForm = (props) => {
<Text fontSize="23px" fontWeight="700" className="title">
{greetingTitle}
</Text>
<Text fontSize="16px" fontWeight="600" className="confirm-subtitle">
{t("EnterPhone")}
</Text>
<Text>
{t("CurrentNumber")}: {currentNumber}
</Text>
<Text>{t("PhoneSubtitle")}</Text>
</StyledHeader>
<FormWrapper>
<div className="subtitle">
<Text fontSize="16px" fontWeight="600" className="phone-title">
{t("EnterPhone")}
</Text>
<Text>
{t("CurrentNumber")}: {currentNumber}
</Text>
<Text>{t("PhoneSubtitle")}</Text>
</div>
<TextInput
className="phone-input"
id="phone"
@ -47,9 +50,9 @@ const ChangePhoneForm = (props) => {
/>
<Button
className="confirm-button"
primary
size="normal"
scale
size="medium"
label={t("GetCode")}
tabIndex={2}
isDisabled={false}