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"> <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" /> <Search size={18} className="text-gray-400 flex-shrink-0" />
<input <input
type="search" type="text"
inputMode="search" inputMode="search"
enterKeyHint="search" enterKeyHint="search"
placeholder="일정 검색..." placeholder="일정 검색..."
@ -227,7 +227,7 @@ function MobileSchedule() {
setSearchTerm(searchInput); 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 autoFocus
/> />
{searchInput && ( {searchInput && (
@ -497,7 +497,7 @@ function MobileSchedule() {
})} })}
</div> </div>
{/* 무한 스크롤 트리거 */} {/* 무한 스크롤 트리거 */}
<div ref={loadMoreRef} className="py-4"> <div ref={loadMoreRef} className="py-2">
{isFetchingNextPage && ( {isFetchingNextPage && (
<div className="flex justify-center"> <div className="flex justify-center">
<div className="w-6 h-6 border-2 border-primary border-t-transparent rounded-full animate-spin" /> <div className="w-6 h-6 border-2 border-primary border-t-transparent rounded-full animate-spin" />