Bladeren bron

fixed design of result & user page

nikogu 8 jaren geleden
bovenliggende
commit
16d768d1ad
4 gewijzigde bestanden met toevoegingen van 16 en 8 verwijderingen
  1. 7 6
      src/components/Result/index.less
  2. 1 1
      src/layouts/UserLayout.less
  3. 1 1
      src/routes/User/Login.js
  4. 7 0
      src/routes/User/Login.less

+ 7 - 6
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;

+ 1 - 1
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;
 }

+ 1 - 1
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 - 0
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;