fix: 상세 탐색 키워드 검색창 터치 영역 및 아이콘 크기 시안 불일치

[Sadturtleman]

📌𝘐𝘴𝘴𝘶𝘦𝘴

• closed fix: 상세 탐색 키워드 검색창 터치 영역 및 아이콘 크기 시안 불일치 #955
  https://discord.com/channels/1185753783020568648/1537808439965786192

📎𝘞𝘰𝘳𝘬 𝘋𝘦𝘴𝘤𝘳𝘪𝘱𝘵𝘪𝘰𝘯

디자인 QA로 접수된 키워드 검색창 이슈를 수정했습니다.

기존에는 아이콘에 Modifier.size()와 clickableWithoutRipple을 함께 걸어 아이콘 크기가 곧 터치 영역이었습니다. 시안 구조대로 아이콘을 36dp 버튼 안에 배치하도록 KeywordSearchFieldButton을 분리했습니다.

항목	시안	수정 전	수정 후
컨테이너 높이	42dp	44dp	42dp
좌우 패딩	16dp / 10dp	14dp / 14dp	16dp / 10dp
X 아이콘	18dp	18dp	18dp
X 터치 영역	36×36dp	18×18dp	36dp 버튼
검색 아이콘	25dp	20dp	25dp
검색 터치 영역	36×36dp	20×20dp	36dp 버튼

📷𝘚𝘤𝘳𝘦𝘦𝘯𝘴𝘩𝘰𝘵

	수정 전	수정 후	해석
좌측	102px	108px	+2dp (start 패딩 14→16)
상단	313px	310px	−1dp (높이 44→42)

X 버튼 터치 영역 — 검색어 입력 상태에서 x=1116..1224 = 36dp 확인

동작 — X 탭 시 입력이 지워지고 placeholder로 복귀하는 것까지 확인했습니다.

💬𝘛𝘰 𝘙𝘦𝘷𝘪𝘦𝘸𝘦𝘳𝘴

[coderabbitai]

Warning

Review limit reached

Next included review available in 43 minutes.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 865c5aa4-3aff-4eb8-ab20-a7ec2f812fe0

📥 Commits

Reviewing files that changed from the base of the PR and between 2b500e0 and 2bd2e7d.

📒 Files selected for processing (1)

• app/src/main/java/com/into/websoso/ui/detailExplore/component/DetailExploreKeywordTab.kt

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[devfeijoa]

수고하셨습니다