fix: dynamically adjust dropdown width to prevent text wrapping

asyncapi · Jan 2, 2025 · 1ff28a7 · 1ff28a7
1 parent 1ab3848
commit 1ff28a7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/components/Navbar/navbar.js b/components/Navbar/navbar.js
@@ -122,7 +122,7 @@ function Navbar() {
                                        <span className="after:absolute after:-bottom-1 after:right-1/2 after:w-0 after:transition-all after:h-0.5 after:bg-white after:group-hover:w-3/6"></span>
 										{show === link.title && link.subMenu && (
 											<div
-												className='subMenu absolute z-[9] mt-8 w-[150px] rounded-md left-[-15px] gradient-bg px-2 py-1 flex flex-col justify-center space-y-0'
+												className='subMenu absolute z-[9] mt-8 min-w-max max-w-full rounded-md left-[-15px] gradient-bg px-2 py-1 flex flex-col justify-center space-y-0'
 												onMouseEnter={handleSubMenuEnter}
 												onMouseLeave={handleSubMenuLeave}>
 												{link.subMenu.map((subL) => (