- 로직을 열면 오른쪽에 흐름도 패널(mountFlowPanel) — 줄의 흐름 · 없으면 흐름 받기(/api/m01/logic/flow) · 없으면 빈 흐름 · 변환 알림 한 줄 - 패널 고침 → 줄의 흐름으로 drafts(캐시) · [저장] 한 번 · [고친 것 버리기] 함께 · 흐름 로직이면 왼쪽 보기(buildFlowView) 다시 - 패널 너비 = 패널이 알린 px(두 칸 끌기 막대는 숨김) - 「신규 로직」 — 기본정보 칸(이름 · 원문번호 · 결과 단위 · 출처) + 빈 흐름 → 로직_자체 새 줄 · 저장 뒤 새 키 열기 - 보기만 = 시스템 관리자가 아니면 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_016PSXsvyDxjNmufteN5bqmt
55 lines
1.0 KiB
CSS
55 lines
1.0 KiB
CSS
/* 로직 상세 두 칸 — 왼쪽 지금 내용 · 끌기 막대 · 오른쪽 흐름도 */
|
|
.m01lab-flow {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
|
|
align-items: start;
|
|
gap: 0;
|
|
}
|
|
|
|
.m01lab-flow[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.m01lab-flow__left,
|
|
.m01lab-flow__right {
|
|
min-width: 0;
|
|
}
|
|
|
|
.m01lab-flow__bar {
|
|
align-self: stretch;
|
|
width: 8px;
|
|
margin: 0 var(--spacing-4);
|
|
border-radius: var(--radius-sm);
|
|
background: var(--color-border);
|
|
cursor: col-resize;
|
|
touch-action: none;
|
|
}
|
|
|
|
.m01lab-flow__bar:hover,
|
|
.m01lab-flow__bar:focus-visible {
|
|
background: var(--color-primary);
|
|
}
|
|
|
|
.m01lab-flow__wait {
|
|
margin: 0;
|
|
padding: var(--spacing-16);
|
|
border: 1px dashed var(--color-border);
|
|
border-radius: var(--radius-md);
|
|
color: var(--color-text-secondary);
|
|
text-align: center;
|
|
}
|
|
|
|
.m01lab-flow__bar[hidden] {
|
|
display: none;
|
|
}
|
|
|
|
.m01lab-flow__note {
|
|
margin: 0 0 var(--spacing-8);
|
|
color: var(--color-text-secondary);
|
|
font-size: var(--text-body-sm);
|
|
}
|
|
|
|
.m01lab-flow__note[hidden] {
|
|
display: none;
|
|
}
|