Browse Source

fixed design of result & user page

pull/25/head
nikogu 9 years ago
parent
commit
16d768d1ad
  1. 13
      src/components/Result/index.less
  2. 2
      src/layouts/UserLayout.less
  3. 2
      src/routes/User/Login.js
  4. 7
      src/routes/User/Login.less

13
src/components/Result/index.less

@ -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;

2
src/layouts/UserLayout.less

@ -33,7 +33,7 @@
.title {
font-size: 33px;
color: @heading-color;
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;
}

2
src/routes/User/Login.js

@ -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
src/routes/User/Login.less

@ -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;
line-height: 22px;
.register {
float: right;

Loading…
Cancel
Save