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:
@@ -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);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user