b23042andClaude Fable 5
d38b842e8d
기존 GhiVideo 저장소 HEAD의 트래킹 소스 362개 파일을 복제. (node_modules·storage·빌드 산출물·대용량 미디어는 .gitignore 규칙대로 제외) Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1.2 KiB
1.2 KiB
'측점 없음' 안내가 안 뜨던 문제 수정 (CSS 레이아웃)
소요 시간: 약 10분 Context 사용량: input ~300k / output ~2k tokens
문제
없는 측점 검색 시 "측점 없음" 안내가 화면에 안 떴다(로직은 정상).
원인
재생/입력 패널 .transportGroup 은 고정 크기 + 자식 요소가 모두 position: absolute.
안내 <span> 이 일반 흐름이라 패널 좌상단에 깔려 버튼/패널 뒤에 가려짐.
수정
- PlaybackControls.module.scss
에
.notFound클래스 추가: 입력창과 같은 위치·크기로 절대배치,z-index:6, 어두운 배경 + 빨간 글씨. - PlaybackControls.tsx
안내 span 을 인라인 스타일 →
className={styles.notFound}(문구⚠ 측점 없음). - 1.8초 후 자동 숨김 / 재입력 시 숨김(기존 로직 유지).
부수 정리
- 진단용 HUD 표시
· 검색v5제거(빌드 확인용이었음).
검증
tsc --noEmit통과,npm run build성공 → :55000 서빙.- 168000(범위 밖) 검색 시 '⚠ 측점 없음' 정상 표시 확인(사용자).