From f749bee140b77554bad4703773cef064e3ad4f71 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Fri, 21 Mar 2025 18:31:18 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=EB=A9=94=EB=89=B4=20=ED=8A=B8?=
 =?UTF-8?q?=EB=A6=AC=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/cs/src/pages/menu/ui/menu-tree.tsx | 22 +++++++++-------------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/apps/cs/src/pages/menu/ui/menu-tree.tsx b/apps/cs/src/pages/menu/ui/menu-tree.tsx
index e0ab4b596..1ff88fdb3 100644
--- a/apps/cs/src/pages/menu/ui/menu-tree.tsx
+++ b/apps/cs/src/pages/menu/ui/menu-tree.tsx
@@ -67,7 +67,7 @@ function MenuTree({ treeData }: { treeData: NodeModel<Menu>[] }) {
         )}
         onDrop={handleDrop}
         classes={{
-          root: "p-2",
+          root: "",
           container: "flex flex-col",
           listItem: "",
           dropTarget: "!bg-[rgba(32,148,250,0.5)] rounded-sm",
@@ -111,23 +111,19 @@ function MenuNode({
       )}
       onClick={handleSelect}
     >
-      {droppable && (
-        <button
-          className="inline-flex size-6 items-center justify-center rounded-sm text-label"
-          onClick={(e) => {
-            e.stopPropagation();
-            handleToggle();
-          }}
-        >
+      <div className="flex items-center">
+        {droppable && (
           <i
             className={cn(
-              "diveicon di-arrow-forward text-sm",
+              "diveicon di-arrow-forward px-2 text-label",
               isOpen && "rotate-90",
             )}
+            onClick={(e) => {
+              e.stopPropagation();
+              handleToggle();
+            }}
           />
-        </button>
-      )}
-      <div>
+        )}
         <span className="text-[1.4rem] font-medium text-label">{text}</span>
       </div>
     </div>