diff --git a/assets/css/main.css b/assets/css/main.css index ba53e1b..d352cef 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -284,6 +284,27 @@ background: color-mix(in srgb, var(--site-panel) 72%, var(--site-text)); } + /** + * 게시물 카드 제목 링크 공통 인터랙션 — 메인·전체 목록 통일. + * 데스크톱은 실제 hover 가능 기기에서만 색을 바꾸고, 모바일은 누르는 순간(:active)에만 반영해 + * 탭 후 색이 남는 sticky hover와 회색 탭 하이라이트를 없앤다. + */ + .post-title-link { + color: var(--site-text); + transition: color 0.15s ease; + -webkit-tap-highlight-color: transparent; + } + + @media (hover: hover) { + .post-title-link:hover { + color: var(--site-accent); + } + } + + .post-title-link:active { + color: var(--site-accent); + } + /** * 왼쪽 사이드바 1차 네비·태그 카테고리·테마 점 등 행 호버 — 라이트 테마에서 밝은 크림 톤, 다크는 패널 대비 유지 */ diff --git a/components/site/PostCard.vue b/components/site/PostCard.vue index 9e48bb4..240d663 100644 --- a/components/site/PostCard.vue +++ b/components/site/PostCard.vue @@ -8,7 +8,7 @@ defineProps({