Refactor folder filtering logic and update responsive grid layout in CSS

This commit is contained in:
Will Miao
2025-01-30 18:43:28 +08:00
parent 580539c779
commit 46abc77964
3 changed files with 10 additions and 7 deletions

View File

@@ -53,13 +53,16 @@ async function refreshLoras() {
// Re-apply current sorting
sortCards(currentSort);
// Re-apply current folder filter if any
if (activeFolder) {
// Modified folder filtering logic
if (activeFolder !== undefined) { // Check if there's an active folder
document.querySelectorAll('.lora-card').forEach(card => {
if (card.getAttribute('data-folder') === activeFolder) {
card.style.display = '';
const cardFolder = card.getAttribute('data-folder');
// For empty folder (root directory), only show cards with empty folder path
if (activeFolder === '') {
card.style.display = cardFolder === '' ? '' : 'none';
} else {
card.style.display = 'none';
// For other folders, show cards matching the folder path
card.style.display = cardFolder === activeFolder ? '' : 'none';
}
});
}