From 980f736aff7d9a31e03a2a5746b9dd8900015761 Mon Sep 17 00:00:00 2001
From: RickCole <rickcole21@outlook.com>
Date: Mon, 28 Dec 2020 12:27:28 +0800
Subject: [PATCH] fix doc style (#1262)

---
 examples/components/App.tsx | 16 +++++++++-------
 examples/style.scss         | 37 +++++++++++++++++++++++--------------
 2 files changed, 32 insertions(+), 21 deletions(-)

diff --git a/examples/components/App.tsx b/examples/components/App.tsx
index 6b47af472..8992590bf 100644
--- a/examples/components/App.tsx
+++ b/examples/components/App.tsx
@@ -336,12 +336,14 @@ export class App extends React.PureComponent<{
         </div>
 
         {docPage ? (
-          <div
-            className={`${theme.ns}Layout-searchBar ${
-              docPage ? 'DocLayout-searchBar' : ''
-            } hidden-xs hidden-sm`}
-          >
-            <DocSearch theme={theme} />
+          <>
+            <div
+              className={`${theme.ns}Layout-searchBar ${
+                docPage ? 'DocLayout-searchBar' : ''
+              } hidden-xs hidden-sm`}
+            >
+              <DocSearch theme={theme} />
+            </div>
             <a
               className="gh-icon"
               href="https://github.com/baidu/amis"
@@ -349,7 +351,7 @@ export class App extends React.PureComponent<{
             >
               <i className="fa fa-github" />
             </a>
-          </div>
+          </>
         ) : null}
       </>
     );
diff --git a/examples/style.scss b/examples/style.scss
index 3fd55067b..a11b07ca4 100644
--- a/examples/style.scss
+++ b/examples/style.scss
@@ -134,18 +134,17 @@ body {
         box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
       }
 
-      // .gh-icon {
-      //   position: fixed;
-      //   right: 15px;
-      //   top: 15px;
-      //   font-size: 22px;
-      //   padding: 0 10px;
-      //   color: #333;
+      .gh-icon {
+        position: fixed;
+        right: 20px;
+        top: 15px;
+        font-size: 22px;
+        color: #333;
 
-      //   &:hover {
-      //     color: #333;
-      //   }
-      // }
+        &:hover {
+          color: #333;
+        }
+      }
     }
 
     &-brandBar,
@@ -201,11 +200,14 @@ body {
     }
 
     &-searchBar {
-      width: 55px;
-      align-self: center;
-      padding-left: 10px;
+      // width: 1px;
+      // align-self: center;
+      // padding-left: 10px;
 
       > a {
+        position: absolute;
+        top: 20px;
+        left: 20px;
         cursor: pointer;
         color: #666;
 
@@ -825,6 +827,9 @@ body {
         width: 220px;
         position: fixed;
       }
+      &-searchBar {
+        width: 120px;
+      }
 
       &-searchBar > div {
         width: 220px;
@@ -862,6 +867,10 @@ body {
           margin-left: -220px;
         }
       }
+
+      &-searchBar {
+        width: 1px;
+      }
     }
   }
 }