@@ -6,9 +6,9 @@
margin: 0 auto;
.icon {
- font-size: 72px;
- line-height: 72px;
- margin-bottom: 24px;
+ font-size: 64px;
+ line-height: 64px;
+ margin-bottom: 32px;
& > .success {
color: @success-color;
@@ -20,15 +20,16 @@
}
.title {
- font-size: 24px;
+ font-size: 20px;
color: @heading-color;
font-weight: 500;
- line-height: 32px;
+ line-height: 28px;
margin-bottom: 8px;
.description {
font-size: 14px;
+ line-height: 22px;
color: @text-color-secondary;
margin-bottom: 16px;
@@ -42,7 +43,7 @@
.actions {
- margin-top: 32px;
+ margin-top: 40px;
button:not(:last-child) {
margin-right: 8px;
@@ -33,7 +33,7 @@
font-size: 33px;
- font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
+ font-family: 'Myriad Pro Semibold', Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
position: relative;
top: -2px;
@@ -78,7 +78,7 @@ export default class Login extends Component {
return (
<div className={styles.main}>
<Form onSubmit={this.handleSubmit}>
- <Tabs className={styles.tabs} activeKey={type} onChange={this.onSwitch}>
+ <Tabs animated={false} className={styles.tabs} activeKey={type} onChange={this.onSwitch}>
<TabPane tab="账户密码登录" key="account">
{
login.status === 'error' &&
@@ -7,6 +7,12 @@
.tabs {
padding: 0 2px;
margin: 0 -2px;
+ :global {
+ .ant-tabs-tab {
+ font-size: 16px;
+ line-height: 24px;
+ }
:global {
@@ -82,6 +88,7 @@
.other {
text-align: left;
margin-top: 24px;
.register {
float: right;