diff --git a/UPDATES.md b/UPDATES.md index 506bced..88d885b 100644 --- a/UPDATES.md +++ b/UPDATES.md @@ -1,7 +1,13 @@ --- -updatedAt: 2026-10-07T12:57:51.000Z +updatedAt: 2026-10-08T09:15:32.000Z --- +## 2026년 10월 8일 + +### 카드·의상 목록 정렬 해제 + +`IMPROVED` 카드와 의상 효과 목록에 ‘기본 정렬’ 버튼을 추가했습니다. 정렬 가능한 열 제목을 반복해서 누르면 오름차순·내림차순·기본 순서로 전환합니다. 정렬을 해제해도 필터·개화 선택과 펼친 상세는 유지하며, 기본 정렬 상태는 다음 방문에도 유지합니다. + ## 2026년 10월 7일 ### 악곡 목록에 재킷 함께 복사 diff --git a/src/lib/styles/card-catalog.css b/src/lib/styles/card-catalog.css index 914973f..ce13e66 100644 --- a/src/lib/styles/card-catalog.css +++ b/src/lib/styles/card-catalog.css @@ -51,6 +51,7 @@ body:has(.card-catalog) { .card-catalog .expanded .chevron { border-color: #df4b8a; transform: rotate(225deg) translate(-1px, -1px); } .card-catalog .list-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 10px; color: #aab3c3; font-size: 13px; } .card-catalog .list-toolbar p { margin: 0; line-height: 1.6; } +.card-catalog .list-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; flex-shrink: 0; max-width: 100%; } .card-catalog .scroll-hint { display: none; margin: 0 0 10px; color: #969fb0; font-size: 12px; } .card-catalog .table-panel { container-type: inline-size; overflow-x: auto; overflow-y: hidden; border: 1px solid #2b3240; border-radius: 18px; background: #161b25; } diff --git a/src/routes/cards/+page.svelte b/src/routes/cards/+page.svelte index 0fbfbaa..aa0eacc 100644 --- a/src/routes/cards/+page.svelte +++ b/src/routes/cards/+page.svelte @@ -180,9 +180,15 @@ : [...expandedCardIds, cardId]; } + function resetSort() { + sortKey = null; + sortDirection = 'asc'; + } + function toggleSort(nextSortKey: CardListSortKey) { if (sortKey === nextSortKey) { - sortDirection = sortDirection === 'asc' ? 'desc' : 'asc'; + if (sortDirection === 'asc') sortDirection = 'desc'; + else resetSort(); return; } @@ -192,7 +198,7 @@ function sortButtonLabel(key: CardListSortKey, label: string, currentKey: CardListSortKey | null, direction: SortDirection) { if (currentKey !== key) return `${label} 오름차순 정렬`; - return `${label} ${direction === 'asc' ? '내림차순' : '오름차순'}으로 변경`; + return `${label} ${direction === 'asc' ? '내림차순으로 변경' : '기본 정렬로 변경'}`; } function secondsLabel(seconds: number | null | undefined) { @@ -400,6 +406,7 @@