ux: Sensor Alignment 빈 공간 5등분 (Title↔Hint1, 일러스트↔Step 추가)

기존 3-spacer 분배에서 2개 더 추가 → 5등분 균등 분배:

  1) Title(top bar) ↔ Hint 1                    ← 신규
  2) Hint 1 ↔ 일러스트
  3) 일러스트 ↔ Step 1/3                         ← 신규 (Spacer 8dp → weight 1f)
  4) Step/Hint 2 ↔ Start Alignment 버튼
  5) Skip ↔ 화면 하단

결과: 화면 위/아래 어느 쪽에도 빈 공간 쏠림 없음.
인접 요소간 fixed gap (Hint 1 위 padding 등) 은 그대로 유지.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-06-17 16:09:21 +09:00
parent c12aada409
commit 271e20f131
@@ -234,6 +234,9 @@ fun PlacementGuideView(appState: AppState) {
.padding(horizontal = 24.dp),
horizontalAlignment = Alignment.CenterHorizontally
) {
// Title(top bar) ↔ Hint 1 사이 — 첫 weight spacer (위쪽 빈 공간 균등 분배).
Spacer(modifier = Modifier.weight(1f))
// ─── (1) Hint 1 — waitingForStart 일 때만 렌더 (빈 칸 자체 숨김) ───
if (waitingForStart) {
val hint1Bg = Color(0xFFFFF3E0)
@@ -446,7 +449,8 @@ fun PlacementGuideView(appState: AppState) {
}
}
Spacer(modifier = Modifier.height(8.dp))
// 일러스트 ↔ Step indicator 사이 — weight spacer.
Spacer(modifier = Modifier.weight(1f))
// ─── (3) Step indicator — 일러스트 아래로 이동 ───
Row(