From 6b8d24f95f93584e0225cd5ce8c05fad137854c6 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Thu, 19 Jun 2025 17:28:15 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20=EC=82=AC=EC=9D=B4=EB=93=9C=EB=B0=94?=
 =?UTF-8?q?=20=EB=8F=99=EC=9E=91=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/components/src/ui/lnb/index.tsx     | 8 ++++++--
 packages/common/components/src/ui/sidebar/index.tsx | 3 ++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/common/components/src/ui/lnb/index.tsx b/packages/common/components/src/ui/lnb/index.tsx
index e2f12b0c1..40249fee5 100644
--- a/packages/common/components/src/ui/lnb/index.tsx
+++ b/packages/common/components/src/ui/lnb/index.tsx
@@ -89,10 +89,11 @@ export function LNB({
     item: MenuItem;
     isSubMenu?: boolean;
   }) {
-    const { open: isSidebarOpen } = useSidebar();
+    const { open: isSidebarOpen, setOpen } = useSidebar();
     const isMatched = isPathMatched(item.urlPath);
 
     const handleClick = () => {
+      if (!isSidebarOpen) setOpen(true);
       setCookie("menu-code-key", item.menuCd.toString());
       handleMenuClick?.(item);
     };
@@ -114,6 +115,7 @@ export function LNB({
           )}
           data-matched={isMatched}
           onClick={handleClick}
+          tooltip={item.menuKornNm}
         >
           <i
             className={cn(
@@ -131,10 +133,11 @@ export function LNB({
   }
 
   function MenuGroup({ item }: { item: MenuItem }) {
-    const { open: isSidebarOpen } = useSidebar();
+    const { open: isSidebarOpen, setOpen } = useSidebar();
     const isOpen = openMenuIds.includes(item.menuCd);
 
     const handleOpenChange = (open: boolean) => {
+      if (!isSidebarOpen) setOpen(true);
       if (open) {
         // 열 때는 부모들도 함께 열기
         if (!openMenuIds.includes(item.menuCd)) {
@@ -162,6 +165,7 @@ export function LNB({
                 "flex h-auto items-center py-4 pr-2 text-[1.4rem] group-data-[state=open]/collapsible:bg-transparent",
                 !isSidebarOpen && "justify-center",
               )}
+              tooltip={item.menuKornNm}
             >
               <div className="flex items-center gap-2">
                 <i
diff --git a/packages/common/components/src/ui/sidebar/index.tsx b/packages/common/components/src/ui/sidebar/index.tsx
index 2f9382784..4333e9f92 100644
--- a/packages/common/components/src/ui/sidebar/index.tsx
+++ b/packages/common/components/src/ui/sidebar/index.tsx
@@ -252,7 +252,7 @@ const Sidebar = React.forwardRef<
         <div
           data-sidebar="sidebar-wrapper"
           className={cn(
-            "fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
+            "fixed inset-y-0 z-20 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex",
             side === "left"
               ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
               : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
@@ -602,6 +602,7 @@ const SidebarMenuButton = React.forwardRef<
           side="right"
           align="center"
           hidden={state !== "collapsed" || isMobile}
+          className="text-lg"
           {...tooltip}
         />
       </Tooltip>