diff --git a/components/Header/MainMenu/MyPagesMenuContent/index.tsx b/components/Header/MainMenu/MyPagesMenuContent/index.tsx index 641cf8cdc..4cd2c8e99 100644 --- a/components/Header/MainMenu/MyPagesMenuContent/index.tsx +++ b/components/Header/MainMenu/MyPagesMenuContent/index.tsx @@ -1,6 +1,5 @@ "use client" -import Link from "next/link" import { useIntl } from "react-intl" import { MembershipLevelEnum } from "@/constants/membershipLevels" @@ -9,6 +8,7 @@ import { trpc } from "@/lib/trpc/client" import { ArrowRightIcon } from "@/components/Icons" import Divider from "@/components/TempDesignSystem/Divider" +import Link from "@/components/TempDesignSystem/Link" import Caption from "@/components/TempDesignSystem/Text/Caption" import Subtitle from "@/components/TempDesignSystem/Text/Subtitle" import useLang from "@/hooks/useLang" @@ -70,6 +70,7 @@ export default function MyPagesMenuContent({ {link.linkText} @@ -82,6 +83,7 @@ export default function MyPagesMenuContent({ {intl.formatMessage({ id: "Log out" })} diff --git a/components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css b/components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css index 5e16801e3..5f3cbb025 100644 --- a/components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css +++ b/components/Header/MainMenu/MyPagesMenuContent/myPagesMenuContent.module.css @@ -32,26 +32,6 @@ list-style: none; } -.link { - display: flex; - align-items: center; - justify-content: space-between; - text-decoration: none; - padding: var(--Spacing-x1); - gap: var(--Spacing-x-one-and-half); - color: var(--Base-Text-High-contrast); - font-family: var(--typography-Body-Bold-fontFamily); - font-size: var(--typography-Body-Bold-fontSize); - font-weight: var(--typography-Body-Bold-fontWeight); - line-height: var(--typography-Body-Bold-lineHeight); - letter-spacing: var(--typography-Body-Bold-letterSpacing); - border-radius: var(--Corner-radius-Medium); -} - -.link:hover { - background-color: var(--Base-Surface-Primary-light-Hover-alt); -} - .link.smallLink { font-family: var(--typography-Body-Regular-fontFamily); font-size: var(--typography-Body-Regular-fontSize); @@ -64,6 +44,10 @@ opacity: 0; } +.arrow { + flex-shrink: 0; +} + @media screen and (min-width: 768px) { .myPagesMenuContent { padding: var(--Spacing-x2) var(--Spacing-x4); diff --git a/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx b/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx index e0987bb6b..2458bdde8 100644 --- a/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx +++ b/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx @@ -11,7 +11,7 @@ import { useTrapFocus } from "@/hooks/useTrapFocus" import styles from "./megaMenu.module.css" -import { MegaMenuProps } from "@/types/components/header/megaMenu" +import type { MegaMenuProps } from "@/types/components/header/megaMenu" export default function MegaMenu({ isMobile, @@ -60,7 +60,7 @@ export default function MegaMenu({ {submenu.map((item) => (
  • - {item.title} + {item.title}