zenn/my-switch-database
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile search and update resale prices

Browse Source
This commit is contained in:
zenn
2026-05-19 18:50:37 +09:00
parent 37926e9d7f
commit 908fd1035c
3 changed files with 187 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
index.html
View File

@@ -15,6 +15,46 @@
</div>
<section aria-labelledby="products-heading" class="pt-6 pb-12">
<div id="mobileSearchForm" class="mb-4 lg:hidden">
<label
for="mobile-search-input"
class="block text-sm font-medium leading-6 text-gray-900">
직접 검색
</label>
<div class="relative mt-2 flex rounded-md shadow-sm">
<span
class="inline-flex items-center rounded-l-md border border-r-0 border-gray-300 px-3 text-gray-500 sm:text-sm">
게임명
</span>
<input
type="text"
id="mobile-search-input"
data-search-input
enterkeyhint="search"
autocomplete="off"
oninput="window.updateNswSearch && window.updateNswSearch(this.value)"
onchange="window.updateNswSearch && window.updateNswSearch(this.value)"
class="block w-full min-w-0 flex-1 rounded-none rounded-r-md px-2 py-2 pr-9 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
placeholder=" " />
<button
type="button"
class="absolute inset-y-0 right-0 z-10 flex items-center pr-3"
id="mobile-reset-search"
aria-label="검색어 지우기"
onclick="window.clearNswSearch && window.clearNswSearch()">
<svg
class="h-5 w-5 text-gray-400"
viewBox="0 0 20 20"
fill="currentColor">
<path
fill-rule="evenodd"
d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.28 7.22a.75.75 0 00-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 101.06 1.06L10 11.06l1.72 1.72a.75.75 0 101.06-1.06L11.06 10l1.72-1.72a.75.75 0 00-1.06-1.06L10 8.94 8.28 7.22z"
clip-rule="evenodd" />
</svg>
</button>
</div>
</div>
<div class="grid grid-cols-1 gap-x-8 gap-y-2 lg:grid-cols-4">
<!-- 필터 섹션 -->
<div class="lg:block">
@@ -78,7 +118,7 @@
<div class="flex items-center justify-between">
<div class="w-full">
<form id="searchForm" class="mb-4">
<form id="searchForm" class="mb-4" onsubmit="return false">
<label
for="search-input"
class="block text-sm font-medium leading-6 text-gray-900">
@@ -91,13 +131,18 @@
</span>
<input
type="text"
name="search-input"
id="search-input"
class="block w-full px-2 min-w-0 flex-1 rounded-none rounded-r-md py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
data-search-input
enterkeyhint="search"
autocomplete="off"
oninput="window.updateNswSearch && window.updateNswSearch(this.value)"
onchange="window.updateNswSearch && window.updateNswSearch(this.value)"
class="block w-full px-2 min-w-0 flex-1 rounded-none rounded-r-md py-1.5 pr-9 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6"
placeholder=" " />
<div
class="cursor-pointer absolute inset-y-0 right-0 flex items-center pr-3"
id="reset-search">
class="cursor-pointer absolute inset-y-0 right-0 z-10 flex items-center pr-3"
id="reset-search"
onclick="window.clearNswSearch && window.clearNswSearch()">
<svg
class="h-5 w-5 text-gray-400"
viewBox="0 0 20 20"
@@ -497,6 +542,6 @@
</main>
</div>
</div>
<script type="module" src="./script/nsw.js"></script>
<script type="module" src="./script/nsw.js?v=20260519-mobile-search"></script>
</body>
</html>