diff --git a/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx b/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx index 4108b807a..5845e8b8e 100644 --- a/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx +++ b/components/Header/MainMenu/MyPagesMenuWrapper/index.tsx @@ -10,7 +10,7 @@ import Avatar from "../Avatar" import MyPagesMenu from "../MyPagesMenu" import MyPagesMobileMenu from "../MyPagesMobileMenu" -import styles from "../mainMenu.module.css" +import styles from "./myPagesMenuWrapper.module.css" export default async function MyPagesMenuWrapper() { const lang = getLang() diff --git a/components/Header/MainMenu/MyPagesMenuWrapper/myPagesMenuWrapper.module.css b/components/Header/MainMenu/MyPagesMenuWrapper/myPagesMenuWrapper.module.css new file mode 100644 index 000000000..05b89f92b --- /dev/null +++ b/components/Header/MainMenu/MyPagesMenuWrapper/myPagesMenuWrapper.module.css @@ -0,0 +1,15 @@ +.loginLink { + display: flex; + align-items: center; + gap: var(--Spacing-x1); +} + +.userName { + display: none; +} + +@media screen and (min-width: 768px) { + .userName { + display: inline; + } +} diff --git a/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx b/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx index c2e03886f..aee50ad9d 100644 --- a/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx +++ b/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx @@ -1,6 +1,6 @@ import NavigationMenuItem from "../NavigationMenuItem" -import styles from "../navigationMenu.module.css" +import styles from "./navigationMenuList.module.css" import { NavigationMenuListProps } from "@/types/components/header/navigationMenuList" diff --git a/components/Header/MainMenu/NavigationMenu/navigationMenu.module.css b/components/Header/MainMenu/NavigationMenu/NavigationMenuList/navigationMenuList.module.css similarity index 100% rename from components/Header/MainMenu/NavigationMenu/navigationMenu.module.css rename to components/Header/MainMenu/NavigationMenu/NavigationMenuList/navigationMenuList.module.css diff --git a/components/Header/MainMenu/mainMenu.module.css b/components/Header/MainMenu/mainMenu.module.css index 9464318c7..920a57941 100644 --- a/components/Header/MainMenu/mainMenu.module.css +++ b/components/Header/MainMenu/mainMenu.module.css @@ -29,16 +29,6 @@ height: 1.375rem; } -.loginLink { - display: flex; - align-items: center; - gap: var(--Spacing-x1); -} - -.userName { - display: none; -} - @media screen and (min-width: 768px) { .nav { display: flex; @@ -48,7 +38,4 @@ .menus { display: contents; } - .userName { - display: inline; - } }