Commit 9fba97a3 authored by Chunchi Che's avatar Chunchi Che

Merge branch 'opt/modal/style' into 'main'

optimize antd modal style

See merge request mycard/Neos!181
parents ae15c971 166accfb
...@@ -6,6 +6,12 @@ import Draggable from "react-draggable"; ...@@ -6,6 +6,12 @@ import Draggable from "react-draggable";
export interface DragModalProps extends ModalProps {} export interface DragModalProps extends ModalProps {}
const Style = {
borderStyle: "groove",
borderRadius: "8px",
backgroundColor: "#303030",
};
export const DragModal = (props: DragModalProps) => { export const DragModal = (props: DragModalProps) => {
const dragRef = useRef<HTMLDivElement>(null); const dragRef = useRef<HTMLDivElement>(null);
const [bounds, setBounds] = useState({ const [bounds, setBounds] = useState({
...@@ -33,7 +39,9 @@ export const DragModal = (props: DragModalProps) => { ...@@ -33,7 +39,9 @@ export const DragModal = (props: DragModalProps) => {
{...props} {...props}
modalRender={(modal) => ( modalRender={(modal) => (
<Draggable bounds={bounds} onStart={onStart}> <Draggable bounds={bounds} onStart={onStart}>
<div ref={dragRef}>{modal}</div> <div ref={dragRef} style={Style}>
{modal}
</div>
</Draggable> </Draggable>
)} )}
> >
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment