eomsangdonandClaude Opus 5.5
915feb436e
- Formula.ts usedInputs(순수) · inputChip(부품 상자 단추 · 고르기 · 입력 칸) - Detail → Formula 에 입력 · 값 · onInput 넘김 · LogicLab syncLeft(loud) = 흐름 예시값도 같은 길 · 줄 수 그대로(627) - Logic_Api TextPiece 에 이름 조각 값 칸 - 새 지킴 시험 test_714_3_formula_inputs Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
59 lines
1.1 KiB
CSS
59 lines
1.1 KiB
CSS
/* M01 로직 개선 시험 — 텍스트 수식 두 칸(왼쪽 이름 식 · 오른쪽 값 식) */
|
|
.m01lab-fx {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
|
|
column-gap: var(--spacing-12);
|
|
min-width: 0;
|
|
}
|
|
|
|
.m01lab-fx__head,
|
|
.m01lab-fx__row {
|
|
display: grid;
|
|
grid-template-columns: subgrid;
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.m01lab-fx__head {
|
|
padding-bottom: var(--spacing-4);
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
|
|
.m01lab-fx__wide {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.m01lab-fx__row {
|
|
cursor: pointer;
|
|
border-radius: var(--radius-lg);
|
|
}
|
|
|
|
.m01lab-fx__row.is-on,
|
|
.m01lab-fx__row.is-pin {
|
|
background: color-mix(in srgb, gold 35%, transparent);
|
|
}
|
|
|
|
.m01lab-fx__cell {
|
|
min-width: 0;
|
|
padding: var(--spacing-4);
|
|
}
|
|
|
|
/* 714-3 줄이 쓰는 입력 — 누르면 그 자리 고르기/글 칸 */
|
|
.m01lab-fx__vars {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: var(--spacing-4);
|
|
margin-top: var(--spacing-4);
|
|
}
|
|
|
|
.m01lab-fx__var .ui-field {
|
|
min-width: 6rem;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.m01lab-fx,
|
|
.m01lab-fx__head,
|
|
.m01lab-fx__row {
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
}
|