zenn/sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

게시물 상세 목차 항목 높이를 최소 24px로 조정 (v1.5.104)

Browse Source 
2줄 이상 제목에서 활성 표시선과 텍스트 정렬이 틀어지지 않도록 목차 항목과 활성 라인 높이 처리를 수정했다.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
zenn
2026-06-12 15:59:43 +09:00
parent 06271b3674
commit 0bb07b5e03
6 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/site/RightSidebar.vue
View File

@@ -421,11 +421,11 @@ watch([postTocItems, () => route.fullPath], async () => {
<li
v-for="item in postTocItems"
:key="item.id"
class="right-sidebar__toc-item relative flex h-6 items-center transition-colors"
class="right-sidebar__toc-item relative flex min-h-6 items-center transition-colors"
:class="activeTocId === item.id ? 'right-sidebar__toc-item--active' : ''"
>
<a
class="right-sidebar__toc-link site-interactive flex h-full items-center rounded-md pr-3 text-sm leading-snug transition-colors hover:text-[var(--site-accent)]"
class="right-sidebar__toc-link site-interactive flex min-h-6 w-full items-center rounded-md pr-3 text-sm leading-snug transition-colors hover:text-[var(--site-accent)]"
:class="{
'bg-[var(--site-panel)] text-[var(--site-accent)] font-semibold': activeTocId === item.id,
'text-[var(--site-text)]': activeTocId !== item.id,
@@ -528,7 +528,7 @@ watch([postTocItems, () => route.fullPath], async () => {
left: -2px;
top: 50%;
width: 3px;
height: 24px;
height: 100%;
background: var(--site-accent);
transform: translateY(-50%);
}