From 4fdd8766af993834766f1b4ae2b92f41079d41f6 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Thu, 6 Jul 2023 14:18:09 +0800
Subject: [PATCH] fix: fix NavItem badge move when display scrollbar problem

---
 client/web/src/routes/Main/Navbar/NavItem.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/client/web/src/routes/Main/Navbar/NavItem.tsx b/client/web/src/routes/Main/Navbar/NavItem.tsx
index f5ab1582..ba689048 100644
--- a/client/web/src/routes/Main/Navbar/NavItem.tsx
+++ b/client/web/src/routes/Main/Navbar/NavItem.tsx
@@ -47,6 +47,14 @@ export const NavbarNavItem: React.FC<
     inner = <Link to={to}>{inner}</Link>;
   }
 
+  if (badge === true) {
+    inner = (
+      <Badge status="error" dot={true} offset={[0, 44]} {...props.badgeProps}>
+        {inner}
+      </Badge>
+    );
+  }
+
   return (
     <div className="px-3 relative group">
       {showPill && (
@@ -67,10 +75,6 @@ export const NavbarNavItem: React.FC<
       )}
 
       {inner}
-
-      <div className="absolute right-2 bottom-0">
-        {badge === true && <Badge status="error" {...props.badgeProps} />}
-      </div>
     </div>
   );
 });