diff --git a/frontend/src/pages/qna/QnAMainPage.js b/frontend/src/pages/qna/QnAMainPage.js index 83b14db..f29f0c9 100644 --- a/frontend/src/pages/qna/QnAMainPage.js +++ b/frontend/src/pages/qna/QnAMainPage.js @@ -44,7 +44,7 @@ function QNAMainPage() { if (error) return
오류: {error}
; return ( -
+
{/* ── 진행 중인 세션 ── */} @@ -109,7 +109,7 @@ function QNAMainPage() { )}
-
+ ); } diff --git a/frontend/src/pages/qna/QnAMainPage.module.css b/frontend/src/pages/qna/QnAMainPage.module.css index 0d10f08..ea77492 100644 --- a/frontend/src/pages/qna/QnAMainPage.module.css +++ b/frontend/src/pages/qna/QnAMainPage.module.css @@ -1,9 +1,5 @@ /* ── 페이지 레이아웃 ── */ -.pageWrapper { - min-height: 100vh; - background: #f2f2f0; - padding-top: 1px; -} + .page { min-height: 100vh; @@ -11,7 +7,7 @@ margin: 0 auto; padding: 0 16px; box-sizing: border-box; - background: #f2f2f0; + background: var(--gray20); } /* ── 섹션 공통 ── */ @@ -99,11 +95,19 @@ /* ── 지난 세션 목록 ── */ .icon { - display: inline-block; + display: inline-flex; + align-items: center; + justify-content: center; + + font-size: 22px; + width: 24px; + height: 24px; + + margin-right: 14px; + vertical-align: middle; position: relative; - top: -2px; + top: -2px; - margin-right: 20px; transition: color 0.2s; }