From a07d0350c2fcb1abb9f49ec1ee984e0da10649cf Mon Sep 17 00:00:00 2001 From: zenn Date: Fri, 3 Jul 2026 18:44:44 +0900 Subject: [PATCH] =?UTF-8?q?=EA=B2=8C=EC=8B=9C=EB=AC=BC=20=EC=B9=B4?= =?UTF-8?q?=EB=93=9C=20=EC=8D=B8=EB=84=A4=EC=9D=BC=20=EB=B3=B4=EC=A1=B0=20?= =?UTF-8?q?=ED=94=BC=EB=93=9C=EB=B0=B1=20=EC=B6=94=EA=B0=80=20=EB=B0=8F=20?= =?UTF-8?q?=EB=8C=93=EA=B8=80=20=EA=B8=B0=EB=B3=B8=20=EC=A0=95=EB=A0=AC=20?= =?UTF-8?q?=EC=B5=9C=EC=8B=A0=EC=88=9C=20=EB=B3=80=EA=B2=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 카드 hover/누름 시 썸네일 은은한 확대 보조 피드백 추가(메인·전체·태그 공통) - 썸네일 sticky opacity hover 제거 - 게시글 댓글 기본 정렬을 인기순에서 최신순으로 변경, 옵션 순서 조정 - v1.10.36 Co-authored-by: Cursor --- assets/css/main.css | 24 ++++++++++++++++++++++++ components/comments/PostComments.vue | 4 ++-- components/site/PostCardMedia.vue | 4 ++-- docs/map.md | 2 +- docs/update.md | 6 ++++++ package.json | 2 +- 6 files changed, 36 insertions(+), 6 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index d352cef..cfb358d 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -305,6 +305,30 @@ color: var(--site-accent); } + /** + * 게시물 카드 보조 피드백 — 제목 강조와 함께 썸네일을 은은하게 확대. + * 데스크톱은 카드 hover(실제 hover 기기), 모바일은 카드/썸네일 :active 눌림에만 반영. + */ + .post-card-media__image, + .post-card-media__placeholder { + transition: transform 0.3s ease; + will-change: transform; + } + + @media (hover: hover) { + .group:hover .post-card-media__image, + .group:hover .post-card-media__placeholder { + transform: scale(1.04); + } + } + + .group:active .post-card-media__image, + .group:active .post-card-media__placeholder, + .post-card-media:active .post-card-media__image, + .post-card-media:active .post-card-media__placeholder { + transform: scale(1.04); + } + /** * 왼쪽 사이드바 1차 네비·태그 카테고리·테마 점 등 행 호버 — 라이트 테마에서 밝은 크림 톤, 다크는 패널 대비 유지 */ diff --git a/components/comments/PostComments.vue b/components/comments/PostComments.vue index 8d85518..16c959f 100644 --- a/components/comments/PostComments.vue +++ b/components/comments/PostComments.vue @@ -17,7 +17,7 @@ const replyErrorMessage = ref('') const newCommentBody = ref('') const replyBody = ref('') const activeReplyTargetId = ref('') -const sortOption = ref('best') +const sortOption = ref('latest') const brokenAvatarCommentIds = ref([]) const canSubmitComment = computed(() => Boolean(newCommentBody.value.trim()) && !submitting.value) const canSubmitReply = computed(() => Boolean(replyBody.value.trim()) && !submittingReplyId.value) @@ -321,8 +321,8 @@ onMounted(async () => { v-model="sortOption" class="rounded-md border border-[var(--site-line)] bg-transparent px-2 py-1 text-xs font-semibold text-[var(--site-ink)] outline-none" > - + diff --git a/components/site/PostCardMedia.vue b/components/site/PostCardMedia.vue index 71a5ce1..ffef440 100644 --- a/components/site/PostCardMedia.vue +++ b/components/site/PostCardMedia.vue @@ -53,7 +53,7 @@ const displayImage = computed(() => props.thumbnailImage || props.featuredImage) > props.thumbnailImage || props.featuredImage) > {{ title }} diff --git a/docs/map.md b/docs/map.md index 69cfd74..4941abe 100644 --- a/docs/map.md +++ b/docs/map.md @@ -124,7 +124,7 @@ | components/site/PostCardMedia.vue | 게시물 카드 썸네일(`featuredImageThumbnail` 우선, 없으면 대표 이미지 원본 사용. 대표 이미지 없으면 모바일 3줄·`sm` 이상 4줄 제목 placeholder 표시, 이미지 유무와 관계없이 썸네일 영역 크기 고정) | | components/site/SitePagination.vue | 공개 목록 공용 번호형 페이지네이션, 이전·다음 화살표와 첫/끝/현재 주변 페이지 직접 이동, 많은 페이지의 `...` 접기, 모바일 가로 스크롤 | | components/site/TagHeader.vue | 태그 페이지 헤더 | -| components/comments/PostComments.vue | 게시물 상세 `#comments` 영역, 회원 댓글/답글(1단) 작성 및 목록 표시, 입력값 기반 등록 버튼 활성화, 작성자 썸네일/좋아요/상대시간 표시 | +| components/comments/PostComments.vue | 게시물 상세 `#comments` 영역, 회원 댓글/답글(1단) 작성 및 목록 표시, 기본 정렬 최신순(최신순·인기순·오래된순 선택), 입력값 기반 등록 버튼 활성화, 작성자 썸네일/좋아요/상대시간 표시 | ## 관리자 컴포넌트 diff --git a/docs/update.md b/docs/update.md index 4e91cd9..8e65eb5 100644 --- a/docs/update.md +++ b/docs/update.md @@ -1,5 +1,11 @@ # 업데이트 이력 +## v1.10.36 + +- 게시물 카드 보조 피드백 추가: 제목 강조와 함께 썸네일 은은한 확대(데스크톱 hover 기기·모바일 `:active` 눌림). +- 카드 썸네일의 sticky opacity hover 제거, 세 목록(메인·전체·태그) 공통 적용. +- 게시글 댓글 기본 정렬을 인기순에서 최신순으로 변경, 정렬 옵션 순서도 최신순 우선으로 조정. + ## v1.10.35 - 게시물 카드 클릭 피드백을 메인·전체 목록·태그 목록에서 제목 포인트 컬러 강조로 통일. diff --git a/package.json b/package.json index ef320c9..fcf04e2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "sori.studio", - "version": "1.10.35", + "version": "1.10.36", "private": true, "type": "module", "imports": {