theme

src/components/users/list.less

@@ -1,5 +1,6 @@
-.avatar{
+td.avatar{
   line-height: 1;
+  height: 59px;
   img{
     border-radius: 50%;
   }

src/components/users/search.js

@@ -1,5 +1,5 @@
 import React, { PropTypes } from 'react'
-import { Form, Input, Button, Select } from 'antd'
+import { Form, Input, Button, Select  } from 'antd'
 import styles from './search.less'
 
 const search = ({
@@ -25,13 +25,23 @@ const search = ({
 
   return (
     <div className={styles.normal}>
+      <div style={{width:400}}>
+        <Input.Group compact>
+          <Select  size="large" style={{width:100}}>
+            <Select.Option value='name'>名字</Select.Option>
+            <Select.Option value='address'>地址</Select.Option>
+          </Select>
+          <Input size="large" style={{width:200}}/>
+          {/* <Button size="large" type='primary'>搜索</Button> */}
+        </Input.Group>
+      </div>
       <div className={styles.search}>
-        <Form inline onSubmit={handleSubmit}>
+        <Form inline>
           <Form.Item>
             {getFieldDecorator('field', {
               initialValue: field || 'name'
             })(
-              <Select>
+              <Select size="large">
                 <Select.Option value='name'>名字</Select.Option>
                 <Select.Option value='address'>地址</Select.Option>
               </Select>
@@ -40,13 +50,13 @@ const search = ({
           <Form.Item hasFeedback>
             {getFieldDecorator('keyword', {
               initialValue: keyword || ''
-            })(<Input />)}
+            })(<Input size="large" />)}
           </Form.Item>
-          <Button type='primary' htmlType='submit'>搜索</Button>
+          <Button type='primary' onClick={handleSubmit}>搜索</Button>
         </Form>
       </div>
       <div className={styles.create}>
-        <Button type='ghost' onClick={onAdd}>添加</Button>
+        <Button size="large"  type='ghost' onClick={onAdd}>添加</Button>
       </div>
     </div>
   )

src/theme.js

@@ -6,6 +6,8 @@ module.exports = () => {
     '@shadow-1-down': '4px 4px 40px @shadow-color',
     '@border-color-split': '#f4f4f4',
     '@border-color-base': '#e5e5e5',
+    '@menu-dark-bg': '#3e3e3e',
+    '@text-color':'#666',
     '@font-family': 'monospace,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif'
   }
 }