Skip to content

Commit dd94681

Browse files
krsy0411claude
andcommitted
[fix] sticky header 높이 불일치로 인한 nav/aside 겹침 문제 해결
sticky header의 높이가 top-16(64px)으로 변경되면서 좌측 네비게이션과 우측 TOC가 헤더와 겹치는 문제를 수정했습니다. nav#sidebar와 aside#aside-toc의 top 값을 top-12에서 top-16으로 조정하여 일관성을 유지합니다. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
1 parent a94e1f6 commit dd94681

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

index.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
<nav
2525
id="sidebar"
2626
style="scroll-behavior: smooth"
27-
class="dark:bg-gray-dark-100 fixed top-0 z-40 hidden h-full w-full flex-none overflow-x-hidden overflow-y-auto bg-[#f9f9fa] md:sticky md:top-12 md:z-auto md:block md:h-[calc(100vh-64px)] md:w-[320px]"
27+
class="dark:bg-gray-dark-100 fixed top-0 z-40 hidden h-full w-full flex-none overflow-x-hidden overflow-y-auto bg-[#f9f9fa] md:sticky md:top-16 md:z-auto md:block md:h-[calc(100vh-64px)] md:w-[320px]"
2828
>
2929
<nav-component></nav-component>
3030
</nav>
@@ -38,7 +38,7 @@
3838
<!-- aside: 오른쪽 부분 사이드 -->
3939
<aside
4040
id="aside-toc"
41-
class="sticky top-12 h-full overflow-y-auto px-2 py-5 hidden lg:block min-w-60"
41+
class="sticky top-16 h-full overflow-y-auto px-2 py-5 hidden lg:block min-w-60"
4242
>
4343
<div id="toc" class="text-[14px] text-black font-bold w-full"></div>
4444
</aside>

0 commit comments

Comments
 (0)