chore: tree 디자인 수정

2025-03-07 18:54:39 +09:00
parent 811c6e62db
commit d209213f02
1 changed files with 21 additions and 26 deletions
@@ -37,32 +37,27 @@ function TreeView() {

  return (
    <DndProvider backend={MultiBackend} options={getBackendOptions()}>
-      <div>
-        <Tree<CustomData>
-          tree={treeData}
-          rootId={0}
-          render={(
-            node: NodeModel<CustomData>,
-            { depth, isOpen, onToggle },
-          ) => (
-            <CustomNode
-              node={node}
-              depth={depth}
-              isOpen={isOpen}
-              onToggle={onToggle}
-            />
-          )}
-          onDrop={handleDrop}
-          classes={{
-            root: "",
-            container: "flex flex-col",
-            listItem: "",
-            dropTarget: "bg-primary rounded-sm",
-            draggingSource: "",
-            placeholder: "",
-          }}
-        />
-      </div>
+      <Tree<CustomData>
+        tree={treeData}
+        rootId={0}
+        render={(node: NodeModel<CustomData>, { depth, isOpen, onToggle }) => (
+          <CustomNode
+            node={node}
+            depth={depth}
+            isOpen={isOpen}
+            onToggle={onToggle}
+          />
+        )}
+        onDrop={handleDrop}
+        classes={{
+          root: "p-10",
+          container: "flex flex-col",
+          listItem: "",
+          dropTarget: "bg-primary rounded-sm",
+          draggingSource: "",
+          placeholder: "",
+        }}
+      />
    </DndProvider>
  );
 }