fix some site style

components/icon/index.md

@@ -3,6 +3,7 @@ category: Components
 chinese: 图标
 type: Basic
 english: Icon
+toc: false
 ---
 
 有含义的矢量图形，每一个图标打倒一个敌人。

site/theme/static/header.less

@@ -90,22 +90,22 @@
 
 .component-select {
   &.ant-select-dropdown {
-        border: 0;
-        border-radius: 0;
-        box-shadow: 0 0 8px rgba(0,0,0,0.25);
-        font-size: 14px;
+    border: 0;
+    border-radius: 0;
+    box-shadow: 0 0 8px rgba(0,0,0,0.25);
+    font-size: 14px;
   }
   .ant-select-dropdown-menu {
-        max-height: 200px;
+    max-height: 200px;
   }
   .ant-select-dropdown-menu-item {
-        border-radius: 0 !important;
+    border-radius: 0 !important;
   }
   .ant-component-decs {
-        font-size: 12px;
-        position: absolute;
-        top: 9px;
-        color: #aaa;
-        right: 16px;
+    font-size: 12px;
+    position: absolute;
+    top: 9px;
+    color: #aaa;
+    right: 16px;
   }
 }

site/theme/static/markdown.less

@@ -23,7 +23,7 @@
 
   .subtitle {
     font-weight: normal;
-    font-size: 80%;
+    font-size: 90%;
     margin-left: 12px;
   }
 }

site/theme/template/Content/ComponentDoc.jsx

@@ -81,7 +81,13 @@ export default class ComponentDoc extends React.Component {
             </ul>
           </Affix>
           <section className="markdown">
-            <h1>{meta.title || meta.english} {meta.subtitle || meta.chinese}</h1>
+            <h1>
+              {title || english}
+              {
+                (!subtitle && !chinese) ? null :
+                  <span className="subtitle">{subtitle || chinese}</span>
+              }
+            </h1>
             {
               props.utils.toReactComponent(
                 ['section', { className: 'markdown' }]