doc: 编辑代码按钮尺寸调大，代码编辑抽屉可以点击外部关闭 (#4372)

baidu · May 19, 2022 · b0dc885 · b0dc885
1 parent 9c1904d
commit b0dc885
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/examples/components/Play.jsx b/examples/components/Play.jsx
@@ -483,11 +483,12 @@ export default class PlayGround extends React.Component {
     if (mini) {
       return (
         <div className="Playgroud Playgroud--mini">
-          <a onClick={this.toggleDrawer}>
+          <a onClick={this.toggleDrawer} className="Playgroud-edit-btn">
             编辑代码 <i className="fa fa-code p-l-xs"></i>
           </a>
           <Drawer
             showCloseButton
+            closeOnOutside
             resizable
             theme={theme}
             overlay={false}

diff --git a/examples/style.scss b/examples/style.scss
@@ -1036,6 +1036,10 @@ body.dark {
     color: #fff;
   }
 
+  &-edit-btn {
+    font-size: 14px;
+  }
+
   &-preview {
     position: relative;
     display: flex;