eomsangdonandClaude Opus 5.5
f0c5232f80
- 기본값 정본 resources/master_template/stability/ground_defaults.json — 지층 여섯 · 값마다 출처(07 표 · 절) · KDS 11 70 05 표 4.3-1~3 · 노면 10 kPa · 지하수 규칙 · 지진 끔 · 범위
- 07 원문 대조 — 성토 φ 25 → 28(07 §4 종합 28~30 아래값) · 나머지 범위 안
- API GET · PUT /api/projects/{id}/stab/ground · POST …/reset — 작업본 E02_StabGround/ground.json · 초기값 initial_snapshot/E02_StabGround/ground.json(E 생성 직후 기본값 + B06 측점 암 경계) · 측점은 서버 값
- 검사 · 측점 적용 = 파이썬 · TS 짝(E02_StabGround_Model.py ↔ logic/E02_StabGround_Check.ts) · 거울 시험
- 화면 — 카드 넷 · 칸 위 근거 · 기본값 툴팁 · 틀린 칸 표시 · sessionStorage 캐시 · 자동저장 없음
- test_528 E01 시험 — 생성 뒤 E02 초기값 부름 확인 더함
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
154 lines
2.9 KiB
CSS
154 lines
2.9 KiB
CSS
/* =============================================================================
|
|
* E02_StabGround_UI_Style.css
|
|
* E02 지반 조건 본문 카드 · 표 · 입력 칸 — 색은 테마 토큰만(밝음 · 어두움 같이)
|
|
* ========================================================================== */
|
|
|
|
.e02-page {
|
|
height: 100%;
|
|
overflow: auto;
|
|
padding: var(--spacing-16);
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.e02-cards {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(min(560px, 100%), 1fr));
|
|
gap: var(--spacing-16);
|
|
align-items: start;
|
|
}
|
|
|
|
.e02-card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--spacing-8);
|
|
min-width: 0;
|
|
padding: var(--spacing-12) var(--spacing-16);
|
|
border-radius: var(--radius-sm);
|
|
background: var(--color-surface-raised);
|
|
}
|
|
|
|
.e02-card__head {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: var(--spacing-8);
|
|
}
|
|
|
|
.e02-card__title,
|
|
.e02-card__sub {
|
|
margin: 0;
|
|
color: var(--color-text);
|
|
font-size: var(--text-body);
|
|
}
|
|
|
|
.e02-card__sub {
|
|
font-size: var(--text-body-sm);
|
|
margin-top: var(--spacing-8);
|
|
}
|
|
|
|
.e02-card__actions {
|
|
display: flex;
|
|
gap: var(--spacing-4);
|
|
}
|
|
|
|
.e02-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
font-size: var(--text-body-sm);
|
|
color: var(--color-text-body);
|
|
}
|
|
|
|
.e02-table th {
|
|
padding: var(--spacing-4);
|
|
border-bottom: 1px solid var(--color-border);
|
|
color: var(--color-text-secondary);
|
|
font-weight: var(--font-weight-medium);
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.e02-table td {
|
|
padding: 2px var(--spacing-4);
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.e02-table--read td {
|
|
padding: 2px var(--spacing-8);
|
|
border-bottom: 1px solid var(--color-border);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.e02-table--read tr.is-zoned td {
|
|
background: var(--color-mist-violet);
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.e02-stations {
|
|
max-height: 320px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.e02-input {
|
|
width: 100%;
|
|
min-width: 64px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.e02-input--num {
|
|
text-align: right;
|
|
}
|
|
|
|
.e02-input--name {
|
|
min-width: 96px;
|
|
}
|
|
|
|
.e02-input.is-invalid {
|
|
border-color: var(--color-danger);
|
|
box-shadow: 0 0 0 1px var(--color-danger);
|
|
}
|
|
|
|
.e02-rowhead {
|
|
white-space: nowrap;
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
.e02-map,
|
|
.e02-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
|
|
gap: var(--spacing-8);
|
|
align-items: end;
|
|
}
|
|
|
|
.e02-map__title {
|
|
grid-column: 1 / -1;
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.e02-field {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2px;
|
|
font-size: var(--text-caption);
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
.e02-hint,
|
|
.e02-empty {
|
|
margin: 0;
|
|
font-size: var(--text-caption);
|
|
color: var(--color-text-secondary);
|
|
}
|
|
|
|
.e02-status {
|
|
margin: var(--spacing-8) 0 0;
|
|
white-space: pre-line;
|
|
font-size: var(--text-body-sm);
|
|
color: var(--color-warning);
|
|
}
|
|
|
|
.e02-status.is-error {
|
|
color: var(--color-danger);
|
|
}
|