Merge pull request #575 from OpenPecha/drag

Drag

Author: Tech-lo

src/components/ui/resizable.tsx

@@ -37,13 +37,13 @@ function ResizableHandle({
     <ResizablePrimitive.PanelResizeHandle
       data-slot="resizable-handle"
       className={cn(
-        " bg-[#EDEDED] border-b border-[#e0e0e0]  focus-visible:ring-ring relative flex items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-2px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-2 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2",
+        " bg-[#EDEDED] border-b border-[#e0e0e0]  focus-visible:ring-ring relative flex items-center justify-center touch-none select-none after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-6 md:data-[panel-group-direction=vertical]:h-2px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-full md:data-[panel-group-direction=vertical]:after:h-2 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2",
         className,
       )}
       {...props}
     >
       {withHandle && (
-        <div className=" z-100  flex h-4 w-3 items-center justify-center rounded-xs">
+        <div className=" z-100  flex h-6 w-8 md:h-4 md:w-3 items-center justify-center rounded-xs">
           <LuGripHorizontal size={32} />
         </div>
       )}