From 9c41d4c3b65f8921f7edfade5041d8bfffc0e09d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=81=8F=E5=8F=B3?= <afc163@gmail.com>
Date: Fri, 17 Jan 2020 23:32:56 +0800
Subject: [PATCH] :clapper: update drawer demo (#20988)

---
 components/drawer/demo/form-in-drawer.md     |  7 +++-
 components/drawer/demo/multi-level-drawer.md | 41 --------------------
 2 files changed, 6 insertions(+), 42 deletions(-)

diff --git a/components/drawer/demo/form-in-drawer.md b/components/drawer/demo/form-in-drawer.md
index c8386a863d..c4d497f1aa 100644
--- a/components/drawer/demo/form-in-drawer.md
+++ b/components/drawer/demo/form-in-drawer.md
@@ -52,7 +52,12 @@ class DrawerForm extends React.Component {
                 textAlign: 'right',
               }}
             >
-              <Button onClick={this.onClose}>Cancel</Button>
+              <Button
+                onClick={this.onClose}
+                style={{ marginRight: 8 }}
+              >
+                Cancel
+              </Button>
               <Button onClick={this.onClose} type="primary">
                 Submit
               </Button>
diff --git a/components/drawer/demo/multi-level-drawer.md b/components/drawer/demo/multi-level-drawer.md
index 13307d3d21..165c23a1d6 100644
--- a/components/drawer/demo/multi-level-drawer.md
+++ b/components/drawer/demo/multi-level-drawer.md
@@ -55,18 +55,6 @@ class App extends React.Component {
           closable={false}
           onClose={this.onClose}
           visible={this.state.visible}
-          footer={
-            <div
-              style={{
-                textAlign: 'right',
-              }}
-            >
-              <Button onClick={this.onClose}>Cancel</Button>
-              <Button onClick={this.onClose} type="primary">
-                Submit
-              </Button>
-            </div>
-          }
         >
           <Button type="primary" onClick={this.showChildrenDrawer}>
             Two-level drawer
@@ -89,35 +77,6 @@ class App extends React.Component {
 ReactDOM.render(<App />, mountNode);
 ```
 
-```css
-.site-multi-level-drawer-footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  border-top: 1px solid #e8e8e8;
-  padding: 10px 16px;
-  text-align: right;
-  left: 0;
-  border-radius: 0 0 4px 4px;
-  background: #fff;
-}
-
-.site-multi-level-drawer-footer button:first-child {
-  margin-right: 8px;
-}
-
-[class*='-drawer-rtl'] .site-multi-level-drawer-footer {
-  text-align: left;
-  right: 0;
-  left: auto;
-}
-
-[class*='-drawer-rtl'] .site-multi-level-drawer-footer button:first-child {
-  margin-right: 0;
-  margin-left: 8px;
-}
-```
-
 <style>
 [data-theme="dark"] .site-multi-level-drawer-footer {
   border-top: 1px solid #303030;