titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stop resize onMouseLeave

Browse Source
This commit is contained in:
1ilit 2024-03-13 00:58:03 +02:00
parent 8a265831ed
commit 1280219ac9
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/Editor.jsx
View File

@ -63,7 +63,7 @@ function WorkSpace() {
const { tables, relationships, setTables, setRelationships } = useTables(); const { tables, relationships, setTables, setRelationships } = useTables();
const { undoStack, redoStack, setUndoStack, setRedoStack } = useUndoRedo(); const { undoStack, redoStack, setUndoStack, setRedoStack } = useUndoRedo();
const dragHandler = (e) => { const handleResize = (e) => {
if (!resize) return; if (!resize) return;
const w = e.clientX; const w = e.clientX;
if (w > 340) setWidth(w); if (w > 340) setWidth(w);
@ -389,7 +389,8 @@ function WorkSpace() {
<div <div
className="flex h-full overflow-y-auto" className="flex h-full overflow-y-auto"
onMouseUp={() => setResize(false)} onMouseUp={() => setResize(false)}
onMouseMove={dragHandler} onMouseLeave={() => setResize(false)}
onMouseMove={handleResize}
> >
{layout.sidebar && ( {layout.sidebar && (
<SidePanel <SidePanel