fix: 모바일 검색 X버튼 중복 및 하단 여백 수정
- type='search' → type='text'로 변경하여 브라우저 기본 X버튼 제거 - 무한 스크롤 트리거 여백 py-4 → py-2로 축소
This commit is contained in:
parent
660acd0007
commit
c8ec8de946
1 changed files with 3 additions and 3 deletions
|
|
@ -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" />
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue