카드 hover 우하단 액션 화살표를 홈과 태그 상세에 추가.

원본 패턴에 맞춰 목록 카드의 우하단 hover 액션 버튼을 홈 Latest와 태그 상세 목록에 동일하게 반영해 상호작용 피드백을 보강했다.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-05-07 18:11:36 +09:00
parent 5e485eb3ec
commit 1a4086336f
3 changed files with 15 additions and 0 deletions

View File

@@ -183,6 +183,13 @@ const latestPosts = computed(() => posts.value.map(mapLatestPost))
</span>
</div>
</div>
<button
class="absolute top-0 right-0 flex cursor-pointer items-center gap-1 hover:opacity-75 md:top-auto md:right-0 md:bottom-0 md:invisible md:opacity-0 md:transition-[opacity,visibility] md:duration-200 md:group-hover:visible md:group-hover:opacity-100"
type="button"
aria-label="Share this post"
>
<span class="text-sm"></span>
</button>
</div>
</article>
</div>

View File

@@ -113,6 +113,13 @@ const tagPosts = computed(() => posts.value
</span>
</div>
</div>
<button
class="absolute top-0 right-0 flex cursor-pointer items-center gap-1 hover:opacity-75 md:top-auto md:right-0 md:bottom-0 md:invisible md:opacity-0 md:transition-[opacity,visibility] md:duration-200 md:group-hover:visible md:group-hover:opacity-100"
type="button"
aria-label="Share this post"
>
<span class="text-sm"></span>
</button>
</div>
</article>
</div>