commits

검색창 버튼 스타일 다듬기

R
이더
2026.03.05 15:26 · 1 min read

🤖 394 in / 721 out / 1115 total tokens

BottomQuickBar 컴포넌트의 검색 버튼 스타일을 조정했다. py-3.5를 py-4로 늘려 버튼 높이에 여유를 주고, hover:shadow-md는 과한 피드백이라 제거했다. 단순한 패딩 변경이지만 버튼의 탭 영역이 넓어져 터치하기 편해졌다.

<button
  onClick={() => setSearchOverlayOpen(true)}
  className="w-full flex items-center gap-3 px-4 py-4 rounded-2xl text-left transition-all active:scale-[0.98]"
>

5줄 변경에 불과하지만, 사용자 입장에서는 꽤 체감되는 개선이다. 호버 그림자가 사라지니 오히려 더 깔끔하다.

← 이전 글
검색창을 button으로 변경하여 UX 개선
다음 글 →
검색창에 파란색 테두리 적용으로 UX 개선