Merge pull request #797 from RickCole21/master

样式优化、其他

README.md

@@ -6,7 +6,7 @@
 
 ## 入门介绍
 
-请阅读 <https://baidu.github.io/amis/docs/intro>
+请阅读 <https://baidu.github.io/amis/docs/index>
 
 ## 相关工具及平台
 

examples/components/App.tsx

@@ -263,6 +263,14 @@ export class App extends React.PureComponent {
         <div className={`${theme.ns}Layout-searchBar`}>
           <DocSearch theme={this.state.theme.value} />
         </div>
+
+        <a
+          className="gh-icon"
+          href="https://github.com/baidu/amis"
+          target="_blank"
+        >
+          <i className="fa fa-github" />
+        </a>
       </>
     );
   }

examples/components/Doc.tsx

@@ -652,9 +652,9 @@ export const docs = [
       },
       {
         label: 'Cards 卡片组',
-        path: '/docs/components/component',
+        path: '/docs/components/cards',
         getComponent: (location, cb) =>
-          require(['../../docs/components/component.md'], doc => {
+          require(['../../docs/components/cards.md'], doc => {
             cb(null, makeMarkdownRenderer(doc));
           })
       },

examples/components/SchemaRender.jsx

@@ -187,6 +187,7 @@ export default function (schema) {
             <div className="schema-wrapper">
               {showCode !== false ? (
                 <DrawerContainer
+                  disabled
                   classPrefix={ns}
                   size="lg"
                   onHide={this.close}

examples/style.scss

@@ -116,6 +116,19 @@ body {
         right: 0;
         box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
       }
+
+      .gh-icon {
+        position: fixed;
+        right: 20px;
+        top: 15px;
+        font-size: 22px;
+        padding: 0 10px;
+        color: #333;
+
+        &:hover {
+          color: #333;
+        }
+      }
     }
 
     &-brandBar,
@@ -193,7 +206,7 @@ body {
     }
 
     &-searchBar {
-      width: 220px;
+      width: 120px;
 
       .Doc-search {
         top: 15px;
@@ -282,7 +295,7 @@ body {
 
   &-toc {
     margin: 30px 0;
-    width: 220px;
+    width: 120px;
   }
 
   &-navigation {
@@ -293,7 +306,7 @@ body {
 
       > a {
         // font-size: 16px;
-        // font-weight: 700;
+        font-weight: 700;
         font-size: 14px;
         color: #666;
         padding-left: 0;
@@ -310,7 +323,7 @@ body {
         display: block;
         position: absolute;
         right: 20px;
-        top: 10px;
+        top: 5px;
         // color: #666;
 
         // &:hover {
@@ -497,7 +510,7 @@ body {
     > .a-Page,
     > .cxd-Page,
     > .dark-Page {
-      padding: 0 45px;
+      padding: 0 35px;
     }
   }
 }
@@ -580,6 +593,7 @@ body {
   &.visible {
     opacity: 1;
     z-index: 0;
+    z-index: 1;
   }
 }
 

scss/_variables.scss

@@ -1335,6 +1335,7 @@ $Wizard-steps-bg--isComplete: #f1f5f9 !default;
 
 // Page
 $Page-aside-width: px2rem(200px) !default;
+$Page-aside-maxWidth: px2rem(300px) !default;
 $Page-aside-bg: desaturate(darken($light, 3%), 2.5%) !default;
 $Page-content-paddingY: 0 !default;
 $Page-content-paddingX: 0 !default;

scss/components/_page.scss

@@ -81,7 +81,8 @@
       border: inherit;
     }
 
-    width: $Page-aside-width;
+    min-width: $Page-aside-width;
+    max-width: $Page-aside-maxWidth;
     border-right: $borderWidth solid $borderColor;
   }
 

scss/components/form/_group.scss

@@ -91,6 +91,10 @@
     width: 0;
     max-width: 100%;
     margin-bottom: 0;
+
+    .#{$ns}TextControl {
+      min-width: unset;
+    }
   }
 
   @for $i from (1) through $Form--horizontal-columns {