diff --git a/Partners/메가메타.jpg b/Partners/메가메타.jpg index 3d5f3fd..c010cc9 100644 Binary files a/Partners/메가메타.jpg and b/Partners/메가메타.jpg differ diff --git a/css/props.css b/css/props.css index bf38c7e..6c1ebd3 100644 --- a/css/props.css +++ b/css/props.css @@ -185,6 +185,22 @@ border-radius: var(--border-radius-sm); } +.card-folder { + position: absolute; + bottom: var(--spacing-sm); + left: var(--spacing-sm); + padding: var(--spacing-xs) var(--spacing-sm); + background: rgba(0, 0, 0, 0.7); + color: rgba(255, 255, 255, 0.9); + font-size: var(--font-xs); + font-weight: 500; + border-radius: var(--border-radius-sm); + max-width: calc(100% - var(--spacing-md)); + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + .card-content { padding: var(--spacing-md); } diff --git a/js/props.js b/js/props.js index 62817f7..9617e92 100644 --- a/js/props.js +++ b/js/props.js @@ -106,9 +106,9 @@ function filterAndRender() { // 필터링 filteredData = propsData.filter(prop => { - // 검색 필터 + // 검색 필터 - 프리펩 이름과 폴더 이름 모두 검색 if (searchQuery) { - const searchTarget = prop.name.toLowerCase(); + const searchTarget = `${prop.name} ${prop.folderName || ''}`.toLowerCase(); if (!searchTarget.includes(searchQuery)) { return false; } @@ -171,21 +171,22 @@ ? `${escapeHtml(prop.name)}` : `
🎁
`; - const prefabBadge = prop.prefabCount > 1 - ? `${prop.prefabCount} variants` + // 폴더 이름이 프리펩 이름과 다르면 폴더 배지 표시 + const folderBadge = (prop.folderName && prop.folderName !== prop.name) + ? `${escapeHtml(prop.folderName)}` : ''; return `
${thumbnailHtml} - ${prefabBadge} + ${folderBadge}

${escapeHtml(prop.name)}

- ${prop.prefabCount > 0 ? `📦${prop.prefabCount}` : ''} ${prop.modelCount > 0 ? `🎨${prop.modelCount}` : ''} + ${prop.textureCount > 0 ? `🖼️${prop.textureCount}` : ''}
@@ -215,11 +216,11 @@ // 상세 정보 표시 elements.modalDetails.innerHTML = ` - ${prop.prefabCount > 0 ? ` + ${(prop.folderName && prop.folderName !== prop.name) ? ` ` : ''} ${prop.modelCount > 0 ? `