Web: Client: Wizard: fixed styles

This commit is contained in:
Artem Tarasov 2020-10-30 10:01:19 +03:00
parent 06c6aab267
commit 324b12a29e
5 changed files with 14 additions and 8 deletions

View File

@ -49,10 +49,10 @@ emailSettings.allowDomainPunycode = true;
const WizardContainer = styled.div`
width: 960px;
margin: 0 auto;
margin-top: 60px;
margin-top: 63px;
.wizard-form {
margin-top: 32px;
margin-top: 33px;
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 32px;

View File

@ -9,6 +9,7 @@ const { tablet } = utils.device;
const StyledContainer = styled(Box)`
width: 311px;
margin: 0 auto;
margin-top: 1px;
@media ${tablet} {
width: 100%;

View File

@ -19,7 +19,7 @@ const StyledHeaderContainer = styled(Box)`
.wizard-desc {
text-align: center;
margin-top: 8px;
margin-top: 9px;
}
@media ${tablet} {

View File

@ -22,7 +22,7 @@ const StyledContainer = styled(Box)`
grid-row-gap: 16px;
.generate-pass-link {
margin-bottom: 16px;
margin-bottom: 11px;
}
.wizard-checkbox {
@ -34,8 +34,13 @@ const StyledContainer = styled(Box)`
vertical-align: middle;
}
.wizard-checkbox svg {
margin-right: 8px;
}
.link {
vertical-align: middle;
vertical-align: -2px;
margin-top: 2px;
}
@media ${tablet} {
@ -83,7 +88,7 @@ const InputContainer = ({
tabIndex={1}
size="large"
scale={true}
placeholder={t("Email")}
placeholder={t("PlaceholderEmail")}
emailSettings={settings}
hasError={hasErrorEmail}
onValidateInput={onEmailChangeHandler}
@ -134,7 +139,7 @@ const InputContainer = ({
<Link
className="generate-pass-link"
type="action"
fontWeight="600"
fontWeight="400"
isHovered={true}
onClick={() => refPassInput.current.onGeneratePassword()}
>

View File

@ -24,7 +24,7 @@ const StyledContainer = styled(Box)`
}
.drop-down {
margin-left: 8px;
margin-left: 6px;
}
@media ${tablet} {