fix: Flickering of resize cursor on sidebar when dragging

2024-07-01 10:49:00 -04:00
parent 3f4027c6fa
commit d8e571d82d
1 changed files with 3 additions and 0 deletions
--- a/app/components/Sidebar/Sidebar.tsx
+++ b/app/components/Sidebar/Sidebar.tsx
@@ -143,8 +143,11 @@ const Sidebar = React.forwardRef<HTMLDivElement, Props>(function _Sidebar(

  React.useEffect(() => {
    if (isResizing) {
+      document.body.style.cursor = "col-resize";
      document.addEventListener("mousemove", handleDrag);
      document.addEventListener("mouseup", handleStopDrag);
+    } else {
+      document.body.style.cursor = "initial";
    }

    return () => {