Fix footer links

bujichong · May 12, 2016 · ef8852b · ef8852b
1 parent 664bb8e
commit ef8852b
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 30 deletions.
diff --git a/site/common/styles/footer.less b/site/common/styles/footer.less
@@ -17,20 +17,15 @@ footer ul {
 footer ul li {
   float: left;
   width: 25%;
-  padding: 5px 2% 15px;
+  padding: 15px 2%;
 }
 
 footer ul li > h2 {
   font-size: 16px;
-  margin: 10px auto 5px;
+  margin: 0 auto 8px;
   font-weight: normal;
 }
 
 footer ul li > div {
-  margin: auto;
-  margin: 10px 0;
-}
-
-footer ul li > a {
-  margin: 5px 8px 0 0;
+  margin: 0 8px 5px 0;
 }
diff --git a/site/component/Footer/index.jsx b/site/component/Footer/index.jsx
@@ -26,35 +26,42 @@ export default class Footer extends React.Component {
         <ul>
           <li>
             <h2>GitHub</h2>
-            <a target="_blank " href="https://github.com/ant-design/ant-design">
-              仓库
-            </a>
-            <a target="_blank" href="https://github.com/ant-design/ant-design/tree/master/style">
-              样式
-            </a>
-            <a target="_blank" href="https://github.com/ant-design/antd-bin">
-              开发工具
-            </a>
+            <div>
+              <a target="_blank " href="https://github.com/ant-design/ant-design">仓库</a>
+            </div>
+            <div>
+              <a target="_blank" href="https://github.com/ant-design/antd-init">antd-init</a> - 脚手架
+            </div>
+            <div>
+              <a target="_blank" href="http://ant-tool.github.io">ant-tool</a> - 开发工具
+            </div>
           </li>
           <li>
-            <h2>关于我们</h2>
-            <a href="https://github.com/ant-ued/blog/issues">团队博客 - Ant UED</a>
+            <h2>相关站点</h2>
+            <div><a href="http://motion.ant.design">Ant Motion</a> - 设计动效</div>
+            <div><a href="http://motion.ant.design">Ant UX</a> - 页面逻辑素材</div>
           </li>
           <li>
             <h2>联系我们</h2>
-            <a target="_blank" href="https://github.com/ant-design/ant-design/issues">
-              反馈和建议
-            </a>
-            <a target="_blank" href="https://gitter.im/ant-design/ant-design">
-              讨论
-            </a>
-            <a target="_blank" href="https://github.com/ant-design/ant-design/issues/new">
-              报告 Bug
-            </a>
+            <div>
+              <a target="_blank" href="https://github.com/ant-design/ant-design/issues">
+                反馈和建议
+              </a>
+            </div>
+            <div>
+              <a target="_blank" href="https://gitter.im/ant-design/ant-design">
+                讨论
+              </a>
+            </div>
+            <div>
+              <a target="_blank" href="https://github.com/ant-design/ant-design/issues/new">
+                报告 Bug
+              </a>
+            </div>
           </li>
           <li>
-            <div>©2015 蚂蚁金服体验技术部出品</div>
-            <div>
+            <div>©2016 蚂蚁金服体验技术部出品</div>
+            <div style={{ marginTop: 10 }}>
               文档版本：
               <Select
                 size="small"