fix(B03): 보관 자료 선택 모달 텍스트를 테마 서식으로 정정

목록 항목이 <button>이라 본문 글꼴을 물려받지 못해 시스템 기본 글꼴로 나왔고,
글자색으로 --color-primary-text(주 액션 배경 위 색)를 써서 밝은 배경에서 흐리게 보였다.

- 항목: font-family/--text-caption/--color-text-body 지정, 이름은 --text-body-sm
- 선택 안내·빈 목록 문구: 하드코딩 px를 --text-caption/--text-body-sm으로 교체
- 모달 제목: 브라우저 기본 h3 서식 대신 --font-display/--text-body 적용

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-08 14:00:23 +09:00
co-authored by Claude Fable 5
parent 22ecf3ad73
commit 6c1a8023ca
+25 -4
View File
@@ -15,7 +15,8 @@
}
.b03-file__temp-summary {
font-size: 12px;
font-family: var(--font-body);
font-size: var(--text-caption);
color: var(--color-text-secondary);
}
@@ -29,6 +30,15 @@
max-height: 80vh;
}
/* 제목은 브라우저 기본 h3 서식이 남지 않게 템플릿 값으로 맞춘다. */
.b03-file__temp-modal h3 {
margin: 0;
font-family: var(--font-display);
font-size: var(--text-body);
font-weight: var(--font-weight-bold);
color: var(--color-text);
}
.b03-file__temp-list {
display: flex;
flex-direction: column;
@@ -39,9 +49,13 @@
.b03-file__temp-empty {
padding: var(--spacing-16);
text-align: center;
font-size: 13px;
font-family: var(--font-body);
font-size: var(--text-body-sm);
color: var(--color-text-muted);
}
/* 목록 항목은 <button>이라 글꼴을 물려받지 않는다 — 본문 글꼴을 직접 지정한다.
글자색도 본문색을 쓴다(--color-primary-text는 '주 액션 배경 위' 색이라 밝은 배경에서 안 보인다). */
.b03-file__temp-option {
display: flex;
flex-direction: column;
@@ -50,10 +64,16 @@
border: 1px solid var(--color-border);
border-radius: var(--radius-cards);
background: var(--color-paper);
color: var(--color-primary-text);
font-family: var(--font-body);
font-size: var(--text-caption);
color: var(--color-text-body);
text-align: left;
cursor: pointer;
font-size: 12px;
}
.b03-file__temp-option strong {
font-size: var(--text-body-sm);
color: var(--color-text);
}
.b03-file__temp-option:hover {
@@ -66,6 +86,7 @@
}
.b03-file__temp-option-files {
font-size: var(--text-caption);
color: var(--color-text-secondary);
}