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

게시물 카드 클릭 피드백 통일 및 개선

Browse Source 
- 메인·전체·태그 목록 카드 제목을 포인트 컬러로 강조하는 공통 인터랙션 적용
- 회색 배경 hover 제거로 모바일 sticky 배경·탭 하이라이트 해소
- 데스크톱 hover 기기 전용 색 변경, 모바일은 :active 눌림 반영
- v1.10.35

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
zenn
2026-07-03 18:39:51 +09:00
parent 5db41e9883
commit 393b0edd70
7 changed files with 34 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/index.vue
View File

@@ -1022,7 +1022,7 @@ watch([latestPosts, hasHomeInfeedAd], () => {
>
<div class="post-feed__content-inner flex min-h-0 flex-1 flex-col gap-1">
<h2 class="max-w-[90%] text-sm font-medium leading-tight">
<NuxtLink :to="post.to" class="flex items-center transition-opacity duration-200 hover:opacity-75">
<NuxtLink :to="post.to" class="post-title-link flex items-center">
<span v-if="post.isFeatured" class="post-feed__featured-icon mr-1 inline-flex h-4 w-4 items-center justify-center text-[var(--site-accent)]">
<svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M13 3v7h6l-8 11v-7H5l8-11" />

4
pages/tag/[slug].vue
View File

@@ -118,7 +118,7 @@ const tagPosts = computed(() => (postsResponse.value?.items || [])
<article
v-for="post in tagPosts"
:key="post.to"
class="tag-posts-list__item site-section site-panel-hover group relative text-[var(--site-text)]"
class="tag-posts-list__item site-section group relative text-[var(--site-text)]"
>
<div class="tag-posts-list__body site-section-body flex flex-row gap-3">
<PostCardMedia
@@ -133,7 +133,7 @@ const tagPosts = computed(() => (postsResponse.value?.items || [])
<div class="relative flex-[3] md:flex-[4]">
<div class="flex h-full flex-col gap-1.5">
<h2 class="max-w-[90%] text-sm font-medium leading-tight">
<NuxtLink :to="post.to" class="flex items-center transition-opacity duration-200 hover:opacity-75">
<NuxtLink :to="post.to" class="post-title-link flex items-center">
<span v-if="post.isFeatured" class="post-feed__featured-icon mr-1 inline-flex h-4 w-4 items-center justify-center text-[var(--site-accent)]">
<svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
<path d="M13 3v7h6l-8 11v-7H5l8-11" />