diff --git a/packages/common/components/src/ui/header/header.css b/packages/common/components/src/ui/header/header.css index 18b6273e3..5ac7be18c 100644 --- a/packages/common/components/src/ui/header/header.css +++ b/packages/common/components/src/ui/header/header.css @@ -6,6 +6,13 @@ position: relative; } + /* 키보드 초점 표시 - 상위 overflow 영역에 잘리지 않도록 nav에 여백(p-[0.6rem]) 확보 */ + .header-nav-link:focus-visible { + outline: 2px solid currentColor; + outline-offset: 2px; + border-radius: 2px; + } + /* .header-nav-link::before { content: ""; position: absolute; diff --git a/packages/common/components/src/ui/header/index.tsx b/packages/common/components/src/ui/header/index.tsx index 391714d07..e05167186 100644 --- a/packages/common/components/src/ui/header/index.tsx +++ b/packages/common/components/src/ui/header/index.tsx @@ -365,11 +365,11 @@ export function Header({ )} {/* 데스크톱에서 중간 네비게이션 */} - + {mounted && userSiteList?.content && userSiteList.content.length > 0 && ( -