diff --git a/src/renderer/src/components/browser-ui/sidebar/content/sidebar-tab-drop-target.tsx b/src/renderer/src/components/browser-ui/sidebar/content/sidebar-tab-drop-target.tsx index 786d151d..e3e029c7 100644 --- a/src/renderer/src/components/browser-ui/sidebar/content/sidebar-tab-drop-target.tsx +++ b/src/renderer/src/components/browser-ui/sidebar/content/sidebar-tab-drop-target.tsx @@ -6,15 +6,23 @@ import { dropTargetForElements, ElementDropTargetEventBasePayload } from "@atlaskit/pragmatic-drag-and-drop/element/adapter"; +import { cn } from "@/lib/utils"; type SidebarTabDropTargetProps = { spaceData: Space; isSpaceLight: boolean; moveTab: (tabId: number, newPos: number) => void; biggestIndex: number; + className?: string; }; -export function SidebarTabDropTarget({ spaceData, isSpaceLight, moveTab, biggestIndex }: SidebarTabDropTargetProps) { +export function SidebarTabDropTarget({ + spaceData, + isSpaceLight, + moveTab, + biggestIndex, + className +}: SidebarTabDropTargetProps) { const [showDropIndicator, setShowDropIndicator] = useState(false); const dropTargetRef = useRef(null); @@ -77,7 +85,11 @@ export function SidebarTabDropTarget({ spaceData, isSpaceLight, moveTab, biggest return ( <> {showDropIndicator && } -
+
); } diff --git a/src/renderer/src/components/browser-ui/sidebar/content/space-sidebar.tsx b/src/renderer/src/components/browser-ui/sidebar/content/space-sidebar.tsx index faacf7ae..a3af2442 100644 --- a/src/renderer/src/components/browser-ui/sidebar/content/space-sidebar.tsx +++ b/src/renderer/src/components/browser-ui/sidebar/content/space-sidebar.tsx @@ -154,6 +154,7 @@ export function SpaceSidebar({ space }: { space: Space }) { isSpaceLight={isSpaceLight} moveTab={moveTab} biggestIndex={sortedTabGroups.length - 1} + className="app-drag" />