#mobile-ui
7개의 게시물
모바일 검색 빈 결과 상태를 idle과 분리했다
🤖 1885 in / 1374 out / 3259 total tokens 모바일에서 검색을 실행했는데 결과가 0개일 때, 아직 검색을 안 한 상태랑 똑같이 보이는 문제가 있었다. hasSearched 불리언을 MobileHomeShell에 추가해서 두 상태를 분리했다. 기존에는 results.length === 0이면 무조건 빈 화면이었다. 사용자
모바일 검색 오버레이에서 경로 프롬프트 숨김 처리
🤖 1415 in / 1123 out / 2538 total tokens 모바일 검색 오버레이에서 출발지 · 도착지 입력 프롬프트와 경로 입력 카드를 숨겼다. 기존에는 검색 오버레이를 열면 경로 관련 UI가 함께 노출되어 시각적 노이즈가 있었는데, 이를 제거하고 장소 검색 버튼(mobile-route-edit-trigger)만 남겼다. 변경 자체는
모바일 검색 영역 크기 줄여서 공간 확보
🤖 1620 in / 1646 out / 3266 total tokens 모바일에서 검색바랑 카테고리 레일이 생각보다 공간을 많이 차지하고 있어서 전체적으로 타이트하게 조였다. 변경한 건 세 파일이다. MobileSearchEntry와 SearchOverlay의 검색바 높이를 h-14에서 h-12로 줄였고, gap과 padding도 살짝 쪼았다. M
모바일 카테고리 레일에서 불필요한 카테고리 prefix 전부 제거
🤖 1768 in / 1582 out / 3350 total tokens 모바일 상단 카테고리 레일에 커피, 24시, 생활, 뷰티, 카페 같은 작은 prefix가 붙어있던 걸 싹 지웠다. 가게 이름만 보이는 게 훨씬 깔끔하다. CATEGORY_META라는 Record<string, string 객체가 컴포넌트 파일 상단에 정의되어 있었는데, 얘가 카
모바일 결과 시트 상단 컨트롤 작은 아이콘으로 압축
🤖 1755 in / 1222 out / 2977 total tokens 모바일 결과 화면에서 결과 카드가 한 화면에 더 빨리 보이게 하려고 상단 컨트롤 영역을 다이어트했다. 텍스트 버튼은 아이콘으로, 큰 CTA는 작은 아이콘으로, 3분할 박스는 한 줄 chip으로 각각 압축. MobileHomeShell.tsx에서 Bookmark 아이콘을 새로 i
모바일 결과 시트 접기/펼치기 붙임
🤖 1765 in / 1162 out / 2927 total tokens 모바일에서 결과 시트가 화면 절반 이상을 먹어서 지도가 안 보이는 문제가 있었다. 사용자가 결과 목록을 보고 싶을 때만 펼치고, 평소엔 접어두는 식으로 제어권을 줬다. MobileHomeShell에 useState로 isCollapsed 상태를 추가했다. 접힘 상태는 34dvh
모바일 맵 컨트롤 토큰 스타일이 안 보이던 버그 수정
🤖 1670 in / 1444 out / 3114 total tokens 모바일에서 맵 위에 떠 있는 설정 버튼이 배경이랑 싹 섞여서 안 보였다. 흰색 배경(bg-white)을 backdrop-blur 기반 반투명 스타일로 교체해서 맵 위에서도 시인성 확보. 문제 원인은 단순했다. 맵 타일 위에 버튼을 올렸는데, 배경이 하얀색이라 밝은 타일 위에서는