From da32a27ad67c51150b839110f060ae7191186ee9 Mon Sep 17 00:00:00 2001
From: FatttSnake <fatttsnake@gmail.com>
Date: Sat, 11 May 2024 18:56:36 +0800
Subject: [PATCH] Fix(Sidebar): Fix the bug that submenu can not display

---
 src/assets/css/components/common/sidebar.scss | 4 ++++
 src/components/common/Sidebar/Item.tsx        | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/components/common/sidebar.scss b/src/assets/css/components/common/sidebar.scss
index c456daf..08fe6e5 100644
--- a/src/assets/css/components/common/sidebar.scss
+++ b/src/assets/css/components/common/sidebar.scss
@@ -152,6 +152,10 @@
                   padding: 8px 16px;
                   transition: all 0.2s;
 
+                  .text {
+                    width: unset;
+                  }
+
                   &.active {
                     color: constants.$origin-color;
                     background-color: constants.$main-color;
diff --git a/src/components/common/Sidebar/Item.tsx b/src/components/common/Sidebar/Item.tsx
index 74ebfa0..f488368 100644
--- a/src/components/common/Sidebar/Item.tsx
+++ b/src/components/common/Sidebar/Item.tsx
@@ -12,8 +12,8 @@ type ItemProps = {
 }
 
 const Item = (props: ItemProps) => {
-    const [submenuTop, setSubmenuTop] = useState(0)
-    const [submenuLeft, setSubmenuLeft] = useState(0)
+    const [submenuTop, setSubmenuTop] = useState(Number.MAX_VALUE)
+    const [submenuLeft, setSubmenuLeft] = useState(Number.MAX_VALUE)
 
     const showSubmenu = (e: MouseEvent) => {
         const parentElement = e.currentTarget.parentElement