add w-100 to dropdown menu

weseek · Sep 24, 2024 · 955ffe8 · 955ffe8
1 parent a333bbb
commit 955ffe8
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 5 deletions.
diff --git a/apps/app/src/client/components/CustomNavigation/CustomNav.module.scss b/apps/app/src/client/components/CustomNavigation/CustomNav.module.scss
@@ -15,7 +15,3 @@
     transition: 0.3s ease-in-out;
   }
 }
-
-.dropdown-menu :global {
-  width: 100%;
-}
diff --git a/apps/app/src/client/components/CustomNavigation/CustomNav.tsx b/apps/app/src/client/components/CustomNavigation/CustomNav.tsx
@@ -77,7 +77,7 @@ export const CustomNavDropdown = (props: CustomNavDropdownProps): JSX.Element =>
           { Icon != null && <Icon /> } {i18n}
         </span>
       </button>
-      <div className={`dropdown-menu dropdown-menu-right ${isDropdownOpen ? 'show' : ''} ${styles['dropdown-menu']}`}>
+      <div className={`dropdown-menu dropdown-menu-right w-100 ${isDropdownOpen ? 'show' : ''} ${styles['dropdown-menu']}`}>
         {Object.entries(navTabMapping).map(([key, value]) => {
 
           const isActive = activeTab === key;