Web: Client: Wizard: fixed styles
This commit is contained in:
parent
06c6aab267
commit
324b12a29e
@ -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;
|
||||
|
@ -9,6 +9,7 @@ const { tablet } = utils.device;
|
||||
const StyledContainer = styled(Box)`
|
||||
width: 311px;
|
||||
margin: 0 auto;
|
||||
margin-top: 1px;
|
||||
|
||||
@media ${tablet} {
|
||||
width: 100%;
|
||||
|
@ -19,7 +19,7 @@ const StyledHeaderContainer = styled(Box)`
|
||||
|
||||
.wizard-desc {
|
||||
text-align: center;
|
||||
margin-top: 8px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
@media ${tablet} {
|
||||
|
@ -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()}
|
||||
>
|
||||
|
@ -24,7 +24,7 @@ const StyledContainer = styled(Box)`
|
||||
}
|
||||
|
||||
.drop-down {
|
||||
margin-left: 8px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
@media ${tablet} {
|
||||
|
Loading…
Reference in New Issue
Block a user