move drawer component to layout

packages/app/src/components/Layout/draggableDrawer/index.jsx

@@ -7,6 +7,8 @@ import Observer from "react-intersection-observer"
 import { css } from "@emotion/css"
 import { createPortal } from "react-dom"
 
+import "./index.less"
+
 export default class DraggableDrawer extends Component {
     static propTypes = {
         open: PropTypes.bool.isRequired,
@@ -141,7 +143,6 @@ export default class DraggableDrawer extends Component {
             return false
         }
 
-        // check if event.target has dragger argument
         const inDraggerArea = !!event.target.closest("#dragger-area")
 
         const start = pageY

packages/app/src/components/Layout/draggableDrawer/index.less

@@ -39,11 +39,11 @@
 
 		.dragger-area {
 			width: 100%;
-			height: 10px;
+			height: 50px;
 
 			position: absolute;
 			display: flex;
-			align-items: center;
+			align-items: flex-start;
 			justify-content: center;
 
 			top: 10px;

packages/app/src/components/Layout/drawer/index.jsx

@@ -1,10 +1,8 @@
 import React from "react"
 import { Drawer as AntdDrawer } from "antd"
-import { DraggableDrawer } from "components"
+import DraggableDrawer from "../draggableDrawer"
 import { EventBus } from "evite"
 
-import "./index.less"
-
 export default class DrawerController extends React.Component {
 	constructor(props) {
 		super(props)

packages/app/src/components/index.js

@@ -14,7 +14,6 @@ export { default as ActionsBar } from "./ActionsBar"
 export { default as ObjectInspector } from "./ObjectInspector"
 export { default as ModifierTag } from "./ModifierTag"
 export { default as StepsForm } from "./StepsForm"
-export { default as DraggableDrawer } from "./DraggableDrawer"
 export { default as SearchButton } from "./SearchButton"
 export { default as Skeleton } from "./Skeleton"
 export { default as Navigation } from "./Navigation"