Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Sign in / Register
Toggle navigation
N
Neos
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Locked Files
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Security & Compliance
Security & Compliance
Dependency List
License Compliance
Packages
Packages
List
Container Registry
Analytics
Analytics
CI / CD
Code Review
Insights
Issues
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
love_飞影
Neos
Commits
9fba97a3
Commit
9fba97a3
authored
May 08, 2023
by
Chunchi Che
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'opt/modal/style' into 'main'
optimize antd modal style See merge request
mycard/Neos!181
parents
ae15c971
166accfb
Changes
1
Show whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
9 additions
and
1 deletion
+9
-1
src/ui/Duel/Message/DragModal.tsx
src/ui/Duel/Message/DragModal.tsx
+9
-1
No files found.
src/ui/Duel/Message/DragModal.tsx
View file @
9fba97a3
...
@@ -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
>
)
}
)
}
>
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment