- 기본정보 칸(번호·이름·단위·출처)을 자체 로직이면 고칠 수 있게 · 호표 묶음·소계 아래에 편집기(입력·호표·중간 값·덧줄·끝수)를 폄 - 고친 뒤 0.7 초 쉬면 시험 계산을 다시 눌러 소계 · 텍스트 수식을 새로 그림 · 편집기 칸은 다시 그려도 그대로 씀 - ORCA 본뜬 GX — 컨테이너 넷 정본과 같음 · 증가율 고침 203,281.2→223,609.32 소계·텍스트 수식 계 같이 바뀜 · 시험 자료·키 대장 되돌림 Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016WRFJmmhPi4exAzHgPZHMT
120 lines
1.9 KiB
CSS
120 lines
1.9 KiB
CSS
/* M01 로직 개선 시험 — 상세 화면 컨테이너 넷 · 호표 묶음 · 자료 모달 */
|
|
.m01lab__box {
|
|
padding: var(--spacing-12);
|
|
border: 1px solid var(--color-border);
|
|
border-radius: var(--radius-lg);
|
|
}
|
|
|
|
.m01lab__info {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
.m01lab__cell {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
.m01lab__cell--wide {
|
|
grid-column: 1 / -1;
|
|
}
|
|
|
|
.m01lab__group {
|
|
margin: var(--spacing-8) 0 var(--spacing-4);
|
|
}
|
|
|
|
.m01lab__ho th:nth-child(2) {
|
|
width: 64px;
|
|
}
|
|
|
|
.m01lab__ho th:nth-child(4),
|
|
.m01lab__ho th:nth-child(5) {
|
|
width: 110px;
|
|
}
|
|
|
|
.m01lab__line {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.m01lab__line:hover,
|
|
.m01lab__line:focus {
|
|
background: var(--color-paper);
|
|
}
|
|
|
|
.m01lab__line--extra {
|
|
font-style: italic;
|
|
}
|
|
|
|
.m01lab__qty,
|
|
.m01lab__expr {
|
|
font-family: var(--font-mono, monospace);
|
|
font-size: var(--text-body-sm);
|
|
white-space: pre-wrap;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.m01lab__subtotal td {
|
|
font-weight: 600;
|
|
background: var(--color-paper);
|
|
}
|
|
|
|
.m01lab__total {
|
|
margin: var(--spacing-8) 0 0;
|
|
font-weight: 700;
|
|
text-align: right;
|
|
}
|
|
|
|
.m01lab__modal {
|
|
overflow: auto;
|
|
}
|
|
|
|
.m01lab__modal-top {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
.m01lab__modal-body,
|
|
.m01lab__tables {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
.m01lab__hit td {
|
|
background: color-mix(in srgb, gold 45%, transparent);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.m01lab__calc > h3 {
|
|
display: none;
|
|
}
|
|
|
|
.m01lab__text {
|
|
font-family: var(--font-mono, monospace);
|
|
font-size: var(--text-body-sm);
|
|
word-break: break-all;
|
|
padding: var(--spacing-4) 0;
|
|
}
|
|
|
|
.m01lab__text--off {
|
|
opacity: 0.55;
|
|
}
|
|
|
|
.m01lab__subtotal-text {
|
|
margin: var(--spacing-4) 0;
|
|
font-weight: 600;
|
|
text-align: right;
|
|
}
|
|
|
|
.m01lab__own > :first-child {
|
|
display: none;
|
|
}
|
|
|
|
.m01lab__edit {
|
|
margin-top: var(--spacing-12);
|
|
}
|