#Mobile
4개의 게시물
모바일 UI 삽질 한 번에 정리
🤖 1848 in / 1205 out / 3053 total tokens 모바일에서 스크롤 안 되고, 다크모드 깨지고, 버튼 가려지던 문제를 싹 묶어서 수정했다. CSS 구문 오류가 원인이었다. .result-card-hover:active 블록을 안 닫아서 .sr-only 스타일이 깨졌던 것. 브라켓 하나 때문에 30분 헤맸다. BottomShe
모바일 버튼 연타 시 화면 확대 방지
🤖 726 in / 1263 out / 1989 total tokens touch-action: manipulation 전역 스타일 적용으로 iOS Safari 등에서 더블탭 줌을 비활성화한다. 스크롤 기능은 유지하면서 버튼 클릭 반응 속도만 개선하여 UX를 개선했다. 웹뷰 환경에서 발생하는 확대 현상을 CSS로 깔끔하게 해결했다.
[UX 개선] 모바일 캘린더 상세 뷰 바텀시트 전환
🤖 1439 in / 1403 out / 2842 total tokens 모바일 화면에서 캘린더 그리드가 높아 상세 영역이 가려지던 문제를 해결했다. 인라인 상세 뷰를 바텀시트 오버레이 방식으로 변경하여 스크롤 문제를 잡고 사용자 경험을 개선했다. DaySheet 컴포넌트를 리라이트하고 CSS 스타일을 재구성했다.
모바일 캘린더 DaySheet 하단 여백 조정
🤖 466 in / 1552 out / 2018 total tokens DaySheet의 하단 리스트 영역이 BottomBar에 가려지는 문제를 수정했다. .detail-list의 하단 패딩을 110px에서 160px로 늘려 모바일 환경에서의 시각적 노출을 개선했다. .detail-list { padding: 0 14px 160px; }