fix(B02·A00): 프로젝트명 연동 끊김·항목 순서·공용 템플릿·헤더 버튼 간격

- 프로젝트명 조합기를 글자 단위 소유 추적으로 다시 만듦(`B02_ProjRegister_UI_Name.ts`) —
  자동 글자 사이에 글을 끼워 넣어도 사업연도·사업지역·임도종류 연동이 끊기지 않음
  (실측: 「울진군 금강송면」의 「금강송면」 앞 삽입 후에도 지역·종류·연도 변경이 반영)
- 비고 칸을 맨 마지막으로 이동
- 제목·여백·버튼 줄을 공용 템플릿(`createGeneralLayout` · `ui-general-block__actions`)으로 전환,
  화면 전용 제목 스타일 제거
- 헤더의 사용자명·로그아웃(로그인·회원가입) 버튼이 붙어 보이던 것 간격 부여

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-09-06 17:59:22 +09:00
co-authored by Claude Opus 5
parent 9f35ecd2d8
commit 4b5a630f12
4 changed files with 130 additions and 81 deletions
+4 -33
View File
@@ -3,31 +3,8 @@
* 프로젝트 등록 페이지 전용 스타일 (theme.css 변수만 사용)
* ========================================================================== */
.b02-proj {
max-width: 720px;
margin: 0 auto;
padding: var(--spacing-40) var(--spacing-24);
display: flex;
flex-direction: column;
gap: var(--spacing-24);
}
.b02-proj__header {
display: flex;
flex-direction: column;
gap: var(--spacing-8);
}
.b02-proj__title {
font-family: var(--font-display);
font-size: var(--text-heading);
color: var(--color-plum-velvet);
}
.b02-proj__subtitle {
font-size: var(--text-body-sm);
color: var(--color-text-muted);
}
/* 제목·여백·버튼 줄은 공용 템플릿(ui_template_general_layout)을 쓴다 — 여기서는
이 화면에만 필요한 것(2열 그리드·셀렉트 화살표·버튼 오른쪽 정렬)만 둔다. */
/* 2열 필드 그리드 (좁은 화면에서는 1열) */
.b02-proj__grid {
@@ -53,20 +30,14 @@
padding-right: var(--spacing-32);
}
.b02-proj__submit {
align-self: flex-start;
margin-top: var(--spacing-8);
}
@media (max-width: 640px) {
.b02-proj__grid {
grid-template-columns: 1fr;
}
}
/* 취소·등록 버튼 줄 */
/* 취소·등록 버튼 줄 — 나머지는 공용 `.ui-general-block__actions` 가 맡는다. */
.b02-proj__actions {
display: flex;
gap: var(--spacing-8);
justify-content: flex-end;
margin-top: var(--spacing-16);
}