fix: respect safe area insets and improve drag visual feedback

2026-01-31 22:57:47 +07:00
parent c57c86286a
commit 7c50b2a66b
6 changed files with 40 additions and 20 deletions
@@ -61,10 +61,14 @@ function SortableItem<T>({
    // Trigger drag - handled by dnd-kit's listeners
  };

+  const baseTransform = CSS.Transform.toString(transform);
+  const scaleTransform = isDragging ? "scale(1.02)" : "";
+  const combinedTransform = [baseTransform, scaleTransform].filter(Boolean).join(" ");
+
  const style = {
-    transform: CSS.Transform.toString(transform),
+    transform: combinedTransform || undefined,
    transition,
-    opacity: isDragging ? 0.5 : 1,
+    opacity: isDragging ? 0.9 : 1,
    zIndex: isDragging ? 1000 : 1,
  };