diff --git a/src/pages/login/components/local-user-form.tsx b/src/pages/login/components/local-user-form.tsx index d12da514..f73dd56e 100644 --- a/src/pages/login/components/local-user-form.tsx +++ b/src/pages/login/components/local-user-form.tsx @@ -97,6 +97,12 @@ const LocalUserForm: React.FC = (props) => { // enterprise cover layout (272px inner). layout="vertical" requiredMark={false} + styles={{ + label: { + width: '100%', + lineHeight: '24px' + } + }} style={{ width: '360px', maxWidth: '100%', margin: '0 auto' }} onFinish={handleLogin} > @@ -122,6 +128,9 @@ const LocalUserForm: React.FC = (props) => { autoComplete="username" prefix={} style={{ height: 44 }} + placeholder={intl.formatMessage({ + id: 'common.login.username.holder' + })} /> = (props) => { marginBottom: 20 }} name="password" - label={intl.formatMessage({ id: 'common.form.password' })} + label={ + + {intl.formatMessage({ id: 'common.form.password' })} + + + } rules={[ { required: true, @@ -147,20 +174,9 @@ const LocalUserForm: React.FC = (props) => { autoComplete="current-password" prefix={} style={{ height: 44 }} - suffix={ - - - - - } + placeholder={intl.formatMessage({ + id: 'common.login.password.holder' + })} /> diff --git a/src/pages/login/components/password-form.tsx b/src/pages/login/components/password-form.tsx index 6bbb0bdd..6551db99 100644 --- a/src/pages/login/components/password-form.tsx +++ b/src/pages/login/components/password-form.tsx @@ -139,7 +139,7 @@ const PasswordForm: React.FC = () => { htmlType="submit" type="primary" block - style={{ height: '44px', fontSize: '14px', marginTop: 16 }} + style={{ height: '44px', fontSize: '14px', marginTop: 8 }} > {intl.formatMessage({ id: 'common.button.submit' })} diff --git a/src/pages/login/index.tsx b/src/pages/login/index.tsx index a075e3e6..89ea0434 100644 --- a/src/pages/login/index.tsx +++ b/src/pages/login/index.tsx @@ -74,6 +74,10 @@ const Box = styled.div` min-height: 100vh; .ant-form-item-label { line-height: 1; + padding-bottom: 4px; + } + .ant-form-item-label > label:after { + display: none; } .ant-form-item-label > label { height: auto !important;