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">
|
<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" />
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue