opti: 统一两列布局比例

client/components/Header/Header.js

@@ -191,4 +191,4 @@ export default class HeaderCom extends Component {
       </acticle>
     )
   }
-}
+}

client/containers/User/User.js

@@ -6,6 +6,7 @@ import LeftMenu from './LeftMenu.js'
 import List from './List.js'
 import PropTypes from 'prop-types'
 import Profile from './Profile.js'
+import { Row, Col } from 'antd';
 
 @connect()
 class User extends Component {
@@ -22,19 +23,22 @@ class User extends Component {
   }
 
   render () {
-    
-    
+
+
     return (
-      <div>
-        <section className="user-box">
-         
-          <LeftMenu  />
-          <Route path={this.props.match.path + '/list'} component={List} />
-          <Route path={this.props.match.path + '/profile/:uid'} component={Profile} />
-        </section>
+      <div className="g-doc">
+        <Row gutter={16} className="user-box">
+          <Col span={6}>
+            <LeftMenu  />
+          </Col>
+          <Col span={18}>
+            <Route path={this.props.match.path + '/list'} component={List} />
+            <Route path={this.props.match.path + '/profile/:uid'} component={Profile} />
+          </Col>
+        </Row>
       </div>
-    )   
+    )
   }
 }
 
-export default User
+export default User

client/containers/User/index.scss

@@ -1,5 +1,9 @@
 @import '../../styles/mixin.scss';
 
+.g-doc {
+  margin: .24rem auto;
+}
+
 /* .user-box.css */
 .user-box {
   @include row-width-limit;
@@ -15,7 +19,6 @@
 
 
   .user-list {
-    width: 216px;
     box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
     background: #FFF;
     border-radius:5px;