RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

move drawer component to layout

Browse Source
This commit is contained in:
SrGooglo 2023-06-24 12:16:57 +00:00
parent b3c0314f8a
commit 901c8709a2
4 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app/src/components/DraggableDrawer/index.jsx → packages/app/src/components/Layout/draggableDrawer/index.jsx
View File

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

4
packages/app/src/components/Layout/drawer/index.less → packages/app/src/components/Layout/draggableDrawer/index.less
View File

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

4
packages/app/src/components/Layout/drawer/index.jsx
View File

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

1
packages/app/src/components/index.js
View File

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