[묵상기록] 하단 고정 입력 UI (Sticky Bottom Input)
ID: 24f9302c-51e3-4fe8-bb69-dd3f1fd8f786
## 목표
성경을 읽으면서 중간중간 빠르게 기록할 수 있는 하단 고정 입력 바를 구현한다.
## 작업 내용
1. 하단 고정 입력 바 파셜 생성 (`_quick_input.html.erb`)
- 묵상 / 적용 / 기도제목 세그먼트 버튼 (플래그 선택)
- 텍스트 입력 (textarea, auto-resize)
- 저장 버튼
2. `today.html.erb`의 탭 외부(공통 영역)에 배치
3. bottom_nav(56px) 위에 위치: `fixed bottom-14 md:bottom-0`
4. 성경 본문 스크롤 영역은 하단 입력 바 높이만큼 padding-bottom 추가
## UX
- 플래그 선택 → 해당 필드에 텍스트 매핑 (personal_meditation / action_plan / prayer_topic)
- 저장 시 해당 필드에 텍스트 append (또는 replace)
- 저장 후 입력 칸 초기화
- 모바일 키보드 올라올 때 레이아웃 대응
## 기술 참고
- 기존 _bottom_nav.html.erb: `fixed bottom-0 md:hidden`
- z-index: bottom_nav(z-40) 위에 배치 (z-50)
- Turbo Stream으로 저장 후 기록 카드 업데이트
## 완료 기준
- 통독/QT 양쪽 탭에서 하단 고정 입력 바가 보인다
- 묵상/적용/기도제목 플래그 전환이 동작한다
- 저장 시 해당 필드에 기록이 반영된다
- 하단 네비와 겹치지 않는다
첨부 이미지
이미지 추가 (Ctrl+V로 붙여넣기 또는 클릭)
JPEG, PNG, GIF, WebP / 최대 10MB
활동 로그
-
팀팀리드 상태 변경: 할 일 → 완료
2026년 03월 03일 14:21:46