diff --git a/apps/blog/next.config.mjs b/apps/blog/next.config.mjs index b9a003b..6cdcdb3 100644 --- a/apps/blog/next.config.mjs +++ b/apps/blog/next.config.mjs @@ -18,7 +18,9 @@ const withMDX = createMDX({ keepBackground: true, // 언어를 명시하지 않은 코드블록도 동일하게 grid/라인 처리되도록 기본 언어를 지정한다. // (이전 Prism 구현은 모든 블록에 라인넘버를 붙였으므로 그 동작을 보존한다.) - defaultLang: 'text', + // block 키로 한정한다: 문자열로 주면 인라인 코드(백틱 1개)에도 적용돼 + // shiki가 다크 배경을 inline style로 주입(keepBackground) → 회색 배경이 덮인다. + defaultLang: { block: 'text' }, }, ], ], diff --git a/apps/blog/src/components/post-detail/post-detail.module.scss b/apps/blog/src/components/post-detail/post-detail.module.scss index 8b90ee5..dce9bd1 100644 --- a/apps/blog/src/components/post-detail/post-detail.module.scss +++ b/apps/blog/src/components/post-detail/post-detail.module.scss @@ -23,9 +23,6 @@ padding-bottom: 24px; line-height: 28px; word-break: keep-all; - // 데스크톱에서 한 줄이 지나치게 길어지지 않도록 가독 권장 폭(약 70자)으로 제한한다. - // 코드블록/이미지/표는 아래에서 풀폭을 유지하므로 영향받지 않는다. - max-width: 70ch; } ul, @@ -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,