From 2cb5c1a2818224a3c5e3b6aecb4813d5ff241419 Mon Sep 17 00:00:00 2001 From: zenn Date: Mon, 11 May 2026 16:34:01 +0900 Subject: [PATCH] =?UTF-8?q?fix(post):=20=EC=83=81=EC=84=B8=20=EC=84=B9?= =?UTF-8?q?=EC=85=98=20=ED=8C=A8=EB=94=A9=20=EC=A4=91=EB=B3=B5=20=EC=A0=9C?= =?UTF-8?q?=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 레이아웃 그리드 패딩과 섹션 px 중복을 제거하고, 댓글 구분선은 full-bleed로 표시. Co-authored-by: Cursor --- docs/spec.md | 3 ++- docs/update.md | 5 +++++ package.json | 2 +- pages/post/[slug].vue | 16 ++++++++-------- 4 files changed, 16 insertions(+), 10 deletions(-) diff --git a/docs/spec.md b/docs/spec.md index 0d77437..57d20bf 100644 --- a/docs/spec.md +++ b/docs/spec.md @@ -56,7 +56,8 @@ ### Post 페이지 -- Main 좌우 패딩: 24px → 20px +- 게시물 화면은 레이아웃 그리드의 좌우 패딩을 기본으로 사용하고, 섹션 단위 `px-*`는 내부 래퍼로만 두어 패딩이 2중 적용되지 않게 한다. +- 댓글 시작 섹션의 구분선(`border-y`)은 패딩 없이 전체 폭으로 표시하고, 내용만 내부 래퍼에 패딩을 둔다. - 공개 게시물 본문은 콘텐츠 타입별 컴포넌트로 분리해 추후 스타일 변경이 쉽도록 구성 - 제목 우측 공유 버튼을 누르면 게시물 공유 모달을 연다. - 공유 모달은 게시물 썸네일/제목/요약 미리보기, X/Bluesky/Facebook/LinkedIn/Email 링크, 링크 복사 액션을 제공한다. diff --git a/docs/update.md b/docs/update.md index 658679c..322a4c6 100644 --- a/docs/update.md +++ b/docs/update.md @@ -10,6 +10,11 @@ - 공개 검색에서 `/uploads/...` 파일 경로와 마크다운 이미지 토큰(`![](...)`)은 노이즈로 간주해 매칭 대상에서 제거, 이미지 파일명 때문에 숫자 검색이 걸리던 문제를 해결. +## v0.0.68 + +- 게시물 상세(`pages/post/[slug].vue`) 섹션 패딩을 내부 래퍼로 이동해 레이아웃 그리드 패딩과 중복되던 2중 패딩을 제거. +- 댓글 섹션 구분선(`border-y`)은 패딩 없이 전체 폭으로 표시하고, 내용만 내부 래퍼에 패딩을 적용. + ## v0.0.65 - 헤더 `/` 단축키·검색 영역 클릭으로 통합 검색 모달(`SiteSearchModal`)을 연다. `INPUT`·`TEXTAREA`·`SELECT`·`contenteditable` 포커스일 때는 `/`를 가로채지 않는다. diff --git a/package.json b/package.json index 6895ade..41b3728 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "sori.studio", - "version": "0.0.67", + "version": "0.0.68", "private": true, "type": "module", "imports": { diff --git a/pages/post/[slug].vue b/pages/post/[slug].vue index 5d8fdb3..c304f39 100644 --- a/pages/post/[slug].vue +++ b/pages/post/[slug].vue @@ -212,8 +212,8 @@ useHead(() => ({