scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(BOOK-249): Added Typography around the back button inside the mobile menu to give the icon the correct color

Browse Source 
Approved-by: Matilda Landström
Approved-by: Chuma Mcphoy (We Ahead)
This commit is contained in:
Erik Tiekstra
2025-10-10 10:37:10 +00:00
parent 50aaa095eb
commit 99e1dfcf72
1 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx
View File

@@ -38,6 +38,7 @@ export default function MegaMenu({
<nav className={`${styles.megaMenu} ${isOpen ? styles.active : ""}`}> <nav className={`${styles.megaMenu} ${isOpen ? styles.active : ""}`}>
{isMobile ? ( {isMobile ? (
<div className={styles.backWrapper}> <div className={styles.backWrapper}>
<Typography variant="Title/Subtitle/lg" className={styles.text}>
<button <button
type="button" type="button"
className={styles.backButton} className={styles.backButton}
@@ -48,10 +49,9 @@ export default function MegaMenu({
size={20} size={20}
color="CurrentColor" color="CurrentColor"
/> />
<Typography variant="Title/Subtitle/lg" className={styles.text}>
<span>{title}</span> <span>{title}</span>
</Typography>
</button> </button>
</Typography>
</div> </div>
) : null} ) : null}
<div className={styles.megaMenuContent}> <div className={styles.megaMenuContent}>