Add mobile.ant.design link in menu, close #3079

site/theme/en-US.js

@@ -11,6 +11,7 @@ module.exports = {
     'app.header.menu.components': 'Components',
     'app.header.menu.spec': 'Guidelines',
     'app.header.menu.resource': 'Resources',
+    'app.header.menu.mobile': 'Mobile',
     'app.header.lang': '中文',
     'app.content.edit-page': 'Edit this page on GitHub!',
     'app.content.edit-demo': 'Edit this demo on GitHub!',

site/theme/static/header.less

@@ -71,7 +71,7 @@
 
 .version {
   width: 66px;
-  margin-left: 0;
+  margin-left: 16px;
 }
 
 #nav {

site/theme/static/responsive.less

@@ -15,7 +15,7 @@
   }
 }
 
-@media only screen and (min-width: 0) and (max-width: 1080px) {
+@media only screen and (min-width: 0) and (max-width: 1180px) {
   .zh-cn #search-box {
     display: none;
   }

site/theme/template/Layout/Header.jsx

@@ -181,6 +181,11 @@ export default class Header extends React.Component {
             <FormattedMessage id="app.header.menu.resource" />
           </Link>
         </Menu.Item>
+        <Menu.Item key="mobile">
+          <a href="//mobile.ant.design">
+            <FormattedMessage id="app.header.menu.mobile" />
+          </a>
+        </Menu.Item>
       </Menu>,
     ];
 

site/theme/zh-CN.js

@@ -11,6 +11,7 @@ module.exports = {
     'app.header.menu.components': '组件',
     'app.header.menu.spec': '指引',
     'app.header.menu.resource': '资源',
+    'app.header.menu.mobile': '移动版',
     'app.header.lang': 'EN',
     'app.content.edit-page': '在 Github 上编辑此页！',
     'app.content.edit-demo': '在 Github 上编辑此示例！',