DS-173 | @rebeccahongsf | fixup line height of menu link items and ad…

…d white bg for mobile menu modal
SU-SWS · Sep 13, 2023 · 0677301 · 0677301
1 parent ab006d8
commit 0677301
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/layout/Modal/Modal.styles.js b/src/components/layout/Modal/Modal.styles.js
@@ -8,8 +8,9 @@ export const root = ({ type, isOpen }) =>
       'su-hidden': !isOpen,
       'su-bg-saa-black-dark': type === 'trip-filter',
       'su-bg-cardinal-red-xdark': type === 'main-menu',
+      'su-bg-white': type === 'mega-menu',
       'su-bg-saa-black su-bg-opacity-[97%]':
-        type !== 'trip-filter' && type !== 'main-menu',
+        type !== 'trip-filter' && type !== 'main-menu' && type !== 'mega-menu',
     }
   );
 export const wrapper = ({ type }) =>

diff --git a/src/components/navigation/MegaMenu/megaMenuLink.styles.js b/src/components/navigation/MegaMenu/megaMenuLink.styles.js
@@ -1,4 +1,4 @@
 export const menuLink =
-  'su-text-black hocus:su-text-digital-red su-no-underline hocus:su-underline su-font-normal su-text-19 su-group';
+  'su-inline-block su-leading-display su-text-black hocus:su-text-digital-red su-no-underline hocus:su-underline su-font-normal su-text-19 su-group';
 
 export const externalIcon = 'su-text-digital-red su-text-21';