fix: 모바일 검색 X버튼 중복 및 하단 여백 수정

- type='search' → type='text'로 변경하여 브라우저 기본 X버튼 제거
- 무한 스크롤 트리거 여백 py-4 → py-2로 축소
This commit is contained in:
caadiq 2026-01-10 10:12:32 +09:00
parent 660acd0007
commit c8ec8de946

View file

@ -215,7 +215,7 @@ function MobileSchedule() {
<div className="flex-1 flex items-center gap-2 bg-gray-100 rounded-full px-4 py-2 min-w-0">
<Search size={18} className="text-gray-400 flex-shrink-0" />
<input
type="search"
type="text"
inputMode="search"
enterKeyHint="search"
placeholder="일정 검색..."
@ -227,7 +227,7 @@ function MobileSchedule() {
setSearchTerm(searchInput);
}
}}
className="flex-1 bg-transparent outline-none text-sm min-w-0"
className="flex-1 bg-transparent outline-none text-sm min-w-0 [&::-webkit-search-cancel-button]:hidden"
autoFocus
/>
{searchInput && (
@ -497,7 +497,7 @@ function MobileSchedule() {
})}
</div>
{/* 무한 스크롤 트리거 */}
<div ref={loadMoreRef} className="py-4">
<div ref={loadMoreRef} className="py-2">
{isFetchingNextPage && (
<div className="flex justify-center">
<div className="w-6 h-6 border-2 border-primary border-t-transparent rounded-full animate-spin" />