Skip to content

fix(blog): #118 본문 풀폭·인라인 코드 회색 배경·모바일 줄간격 복원 #119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Malloc72P merged 2 commits into from
Jun 29, 2026
Merged

fix(blog): #118 본문 풀폭·인라인 코드 회색 배경·모바일 줄간격 복원 #119

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
907a4d5
fix(blog): #118 본문 풀폭·인라인 코드 회색 배경·모바일 줄간격 복원
Malloc72P Jun 29, 2026
9328eb5
docs(blog): #118 리뷰 반영 — 모바일 line-height 주석 비율 표기 보정
Malloc72P Jun 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion apps/blog/next.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,9 @@ const withMDX = createMDX({
keepBackground: true,
// 언어를 명시하지 않은 코드블록도 동일하게 grid/라인 처리되도록 기본 언어를 지정한다.
// (이전 Prism 구현은 모든 블록에 라인넘버를 붙였으므로 그 동작을 보존한다.)
defaultLang: 'text',
// block 키로 한정한다: 문자열로 주면 인라인 코드(백틱 1개)에도 적용돼
// shiki가 다크 배경을 inline style로 주입(keepBackground) → 회색 배경이 덮인다.
defaultLang: { block: 'text' },
},
],
],
Expand Down
8 changes: 3 additions & 5 deletions apps/blog/src/components/post-detail/post-detail.module.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,6 @@
padding-bottom: 24px;
line-height: 28px;
word-break: keep-all;
// 데스크톱에서 한 줄이 지나치게 길어지지 않도록 가독 권장 폭(약 70자)으로 제한한다.
// 코드블록/이미지/표는 아래에서 풀폭을 유지하므로 영향받지 않는다.
max-width: 70ch;
}

ul,
Expand Down Expand Up @@ -137,10 +134,11 @@
p {
padding-top: 8px;
padding-bottom: 12px;
line-height: 22px;
// 본문 14px 기준 가독 line-height. 폰트가 12→14px로 커졌는데 22px에 머물러
// 줄간격 비율이 1.57로 좁아졌던 것을, 데스크톱 비율(28px/16px≈1.75)에 근접하게 복원한다(25/14≈1.79).
line-height: 25px;
font-size: 14px; // 모바일 가독성을 위해 12px에서 14px로 상향
word-break: keep-all;
max-width: none; // 모바일은 화면이 좁아 측정폭 제한이 불필요하므로 해제
}

ul,
Expand Down
Loading