Restrict compact sale rows to mobile

This commit is contained in:
2026-05-19 11:25:44 +09:00
parent fd8c52dbce
commit d63e3db986
2 changed files with 9 additions and 9 deletions

View File

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

View File

@@ -11,7 +11,7 @@ document.addEventListener('DOMContentLoaded', () => {
// 언어별 UI 텍스트
const uiTexts = {
ko: {
title: 'Switch 중고 판매 목록',
title: 'Switch 패키지 판매 목록',
languageSelect: '언어 선택',
languageDescription: '선택한 언어로 표시됩니다',
korean: '한국어',
@@ -682,7 +682,7 @@ document.addEventListener('DOMContentLoaded', () => {
tr.innerHTML = `
<td class="py-4 pl-4 pr-3 text-sm">
<div class="flex items-start">
<div class="h-14 w-14 flex-shrink-0 lg:h-10 lg:w-10">
<div class="h-14 w-14 flex-shrink-0 sm:h-10 sm:w-10">
<img class="h-full w-full rounded-xl object-cover" src="${game.thumbnail}" alt="" />
</div>
<div class="ml-4 min-w-0 flex-1">
@@ -692,7 +692,7 @@ document.addEventListener('DOMContentLoaded', () => {
<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="mt-3 space-y-2 sm: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 || '-'}
@@ -714,20 +714,20 @@ document.addEventListener('DOMContentLoaded', () => {
</div>
</div>
</td>
<td class="hidden w-32 px-3 py-4 text-sm text-gray-500 lg:table-cell">
<td class="hidden w-32 px-3 py-4 text-sm text-gray-500 sm:table-cell">
<div class="whitespace-nowrap font-semibold text-gray-900">
${game.formattedSuggestedPrice || '-'}
</div>
<div class="mt-1 text-xs text-gray-400">${game.formattedPricingBasis}</div>
</td>
<td class="hidden w-28 px-3 py-4 text-sm text-gray-500 mx-auto lg:table-cell">
<td class="hidden w-28 px-3 py-4 text-sm text-gray-500 mx-auto sm:table-cell">
<div class="flex justify-center whitespace-nowrap rounded-full px-2 text-xs font-semibold leading-5 ${getSaleStatusClass(
game.status,
)}">
${game.formattedSaleStatus}
</div>
</td>
<td class="hidden w-56 px-3 py-4 text-sm text-gray-500 lg:table-cell">
<td class="hidden w-56 px-3 py-4 text-sm text-gray-500 sm:table-cell">
<div class="whitespace-nowrap text-gray-900">${game.formattedPriceRange || '-'}</div>
<div class="mt-1 line-clamp-2 text-xs text-gray-400">${game.sale?.checkedAt || ''}</div>
</td>