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

Improve mobile used sale rows

Browse Source
This commit is contained in:
zenn
2026-05-19 11:21:06 +09:00
parent 7904b6b89c
commit fd8c52dbce
2 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -465,7 +465,7 @@
</th>
<th
scope="col"
class="w-28 px-3 py-3.5 text-left text-sm font-semibold text-gray-900">
class="hidden w-28 px-3 py-3.5 text-left text-sm font-semibold text-gray-900 lg:table-cell">
Status
</th>
<th

31
script/nsw.js
View File

@@ -681,17 +681,36 @@ document.addEventListener('DOMContentLoaded', () => {
tr.innerHTML = `
<td class="py-4 pl-4 pr-3 text-sm">
<div class="flex items-center">
<div class="h-10 w-10 flex-shrink-0">
<img class="h-10 w-10 rounded-xl object-cover" src="${game.thumbnail}" alt="" />
<div class="flex items-start">
<div class="h-14 w-14 flex-shrink-0 lg:h-10 lg:w-10">
<img class="h-full w-full rounded-xl object-cover" src="${game.thumbnail}" alt="" />
</div>
<div class="ml-4">
<div class="font-medium text-gray-900">
<div class="ml-4 min-w-0 flex-1">
<div class="font-medium leading-5 text-gray-900">
${game.no}. ${game.formattedTitle}
</div>
<div class="mt-1 max-w-lg text-xs leading-5 text-gray-500">
${game.formattedConfidenceDescription}
</div>
<div class="mt-3 space-y-2 lg:hidden">
<div class="flex flex-wrap items-center gap-x-3 gap-y-1">
<span class="text-base font-semibold leading-6 text-gray-900">
${game.formattedSuggestedPrice || '-'}
</span>
<span class="rounded-full px-2 text-xs font-semibold leading-5 ${getSaleStatusClass(
game.status,
)}">
${game.formattedSaleStatus}
</span>
</div>
<div class="text-xs leading-5 text-gray-500">
${game.formattedPricingBasis}
</div>
<div class="text-xs leading-5 text-gray-500">
${filterState.language === 'ko' ? '가격 범위' : '価格帯'}:
${game.formattedPriceRange || '-'}
</div>
</div>
</div>
</div>
</td>
@@ -701,7 +720,7 @@ document.addEventListener('DOMContentLoaded', () => {
</div>
<div class="mt-1 text-xs text-gray-400">${game.formattedPricingBasis}</div>
</td>
<td class="w-28 px-3 py-4 text-sm text-gray-500 mx-auto">
<td class="hidden w-28 px-3 py-4 text-sm text-gray-500 mx-auto lg:table-cell">
<div class="flex justify-center whitespace-nowrap rounded-full px-2 text-xs font-semibold leading-5 ${getSaleStatusClass(
game.status,
)}">