모바일 대응 navigationLinks 햄버거 메뉴 추가

[shanefully-done]

site.config.ts에서 navigationLinks가 많아지면 아래와 같이 글씨/버튼이 겹치고, 링크들이 잘리는 문제가 있습니다.

화면이 좁아지면 다음과 같이 기존의 상단 메뉴를 숨기고, 대신 햄버거 메뉴 버튼을 보여줍니다.

해당 햄버거 메뉴는 modal이 아닌 기존과 동일한 pageId 혹은 url로 이동하는 버튼이며, 다음과 같이 site.config.ts의 navigationLinks에 menuPage를 추가하는 것으로 지정합니다.

{
  title: '카테고리',
  pageId: '36400db511474331b5c1de6918212469',
  menuPage: true,
},

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
blog	❌ Failed (Inspect)			Mar 19, 2024 3:09pm

[vercel[bot]]

Someone is attempting to deploy a commit to a Personal Account owned by @2skydev on Vercel.

@2skydev first needs to authorize it.

[2skydev]

PR 감사합니다 :D

수정 사항

• 아이콘 색상이 테마에 맞춰서 변경이 되지 않기 때문에 수정했습니다