From 41f7a0e3639dbe57aafb6e66068bfb62bb4f200e Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 16 May 2015 16:05:22 +0800
Subject: [PATCH] single page update

---
 static/style.css            |  3 ++-
 theme/templates/layout.html | 54 +++++++++++++++++++------------------
 2 files changed, 30 insertions(+), 27 deletions(-)

diff --git a/static/style.css b/static/style.css
index 8c35177dff..e14cadc905 100644
--- a/static/style.css
+++ b/static/style.css
@@ -386,7 +386,8 @@ footer ul li > a {
 
 .main-container-center {
   margin: 0 auto;
-  padding: 30px 0;
+  padding-left: 0;
+  padding-right: 0;
   width: calc(100% - 80px);
   height: 100%;
 }
diff --git a/theme/templates/layout.html b/theme/templates/layout.html
index a810d49fb1..e821317c13 100644
--- a/theme/templates/layout.html
+++ b/theme/templates/layout.html
@@ -77,34 +77,36 @@
     {%- include "aside.html" %}
     <section class="main-container">
     {%- else %}
-    <section class="main-container-center">
+    <section class="main-container main-container-center">
     {%- endif %}
-    <article class="markdown">
-      <h1>
-        {{ post.title }}
-        {%- if post.meta.API %}
-        <a class="api-link" href="http://{{ post.meta.API }}" target="_blank">
-          <i class="iconfont icon-externallink"></i>
-          API 使用说明
-        </a>
+      <article class="markdown">
+        <h1>
+          {{ post.title }}
+          {%- if post.meta.API %}
+          <a class="api-link" href="http://{{ post.meta.API }}" target="_blank">
+            <i class="iconfont icon-externallink"></i>
+            API 使用说明
+          </a>
+          {%- endif %}
+        </h1>
+        {{ post.html }}
+        {%- if post.meta.template === 'component' %}
+        <h2>组件演示</h2>
+        <div id="code-boxes">
+          代码加载中...
+        </div>
+        <script type="text/jsx">
+          React.render(
+            <CodeBoxes>
+              {%- set items = resource.pages|find_demo_in_component(post.meta.directory) %}
+              {%- for item in items %}
+                <CodeBox src="{{item.meta.filepath}}"></CodeBox>
+              {%- endfor %}
+            </CodeBoxes>,
+            document.getElementById('code-boxes')
+          );
+        </script>
         {%- endif %}
-      </h1>
-      {{ post.html }}
-      <h2>组件演示</h2>
-      <div id="code-boxes">
-        代码加载中...
-      </div>
-      <script type="text/jsx">
-        React.render(
-          <CodeBoxes>
-            {%- set items = resource.pages|find_demo_in_component(post.meta.directory) %}
-            {%- for item in items %}
-              <CodeBox src="{{item.meta.filepath}}"></CodeBox>
-            {%- endfor %}
-          </CodeBoxes>,
-          document.getElementById('code-boxes')
-        );
-      </script>
       </article>
     </section>
   </div>