eomsangdonandClaude Opus 5.5
43a59a6893
- 서버: inputs · combo_logics · _num 몸을 M02_Labor_Inputs.py 로(logic_inputs = 로직 키들 입력 + 자동값) · M02_MasterTemplete_Inputs.py 는 그것을 부름 - 길: GET /api/m02/logic-lib/inputs?keys= (로그인 · 일위대가 입력 모달용) - 화면: 값 카드(createInputsValueCard) · 값 함수 → M02_Labor_Values.ts · M02_Labor_Values_Model.ts · 값 칸 하나(createValueControl)를 떼어 값 카드와 입력 모달이 같이 씀 · CSS 도 옮김 - 옛 자리(M02_MasterTemplete_Inputs.ts · _Inputs_Model.ts)는 새 파일을 다시 내보냄 — B05 고르기 모달 그대로 - 시험: 새 test_m02_labor_values.py · 옮긴 자리 따라 test_item_picker_detail · test_m02_card_shell · helper_m02_inputs 고침 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01MgChuAcyBqUkhHMTXomQC7
106 lines
2.2 KiB
CSS
106 lines
2.2 KiB
CSS
/* 「선택 입력」 카드 — 로직마다 묶은 입력 줄 + 줄마다 자리 고르기. 색은 테마 토큰. */
|
|
|
|
.m02-inputs__summary {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4) var(--spacing-12);
|
|
align-items: baseline;
|
|
color: var(--color-text-muted);
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.m02-inputs__count {
|
|
color: var(--color-text);
|
|
font-weight: 600;
|
|
}
|
|
|
|
/* 카드 본문이 남는 높이를 채우고 넘치면 안에서 스크롤 */
|
|
.m02-inputs__body {
|
|
display: flex;
|
|
flex: 1 1 0;
|
|
flex-direction: column;
|
|
gap: var(--spacing-12);
|
|
min-height: var(--m02-struct-body-min);
|
|
min-width: 0;
|
|
overflow: auto;
|
|
padding: var(--spacing-8) 0;
|
|
}
|
|
|
|
.m02-inputs__logic {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
.m02-inputs__logic-title {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4) var(--spacing-8);
|
|
align-items: baseline;
|
|
margin: 0;
|
|
padding-bottom: var(--spacing-4);
|
|
border-bottom: 1px solid var(--color-border);
|
|
color: var(--color-text);
|
|
font-size: var(--text-body-sm);
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.m02-inputs__logic-title small,
|
|
.m02-inputs__row small {
|
|
color: var(--color-text-muted);
|
|
font-size: var(--text-caption);
|
|
font-weight: 400;
|
|
}
|
|
|
|
.m02-inputs__row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4) var(--spacing-8);
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: var(--spacing-4) 0;
|
|
}
|
|
|
|
.m02-inputs__info {
|
|
display: flex;
|
|
flex: 1 1 12rem;
|
|
flex-wrap: wrap;
|
|
gap: 2px var(--spacing-8);
|
|
align-items: baseline;
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.m02-inputs__name {
|
|
color: var(--color-text);
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.m02-inputs__desc,
|
|
.m02-inputs__hint {
|
|
flex-basis: 100%;
|
|
}
|
|
|
|
/* 자동값 — 흐리게(입력 값이 아니라 보기용 첫 선택지) */
|
|
.m02-inputs__auto {
|
|
flex-basis: 100%;
|
|
opacity: 0.6;
|
|
font-style: italic;
|
|
}
|
|
|
|
.m02-inputs__seat {
|
|
flex: none;
|
|
max-width: 100%;
|
|
padding: 4px var(--spacing-8);
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-sm, 4px);
|
|
background: var(--color-surface);
|
|
color: var(--color-text);
|
|
font: inherit;
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.m02-inputs__seat:disabled {
|
|
opacity: 0.7;
|
|
}
|