alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-03-24 14:42:11 -03:00
Code Issues Packages Projects Releases Wiki Activity

style: Update filter indicator and button styles for improved UI consistency

Browse Source 
feat: Add pulse animation to filter indicators in Lora and recipe management
refactor: Change filter-active button to a div for better semantic structure
This commit is contained in:
Will Miao
2025-04-08 13:45:15 +08:00
parent 801aa2e876
commit 43e3d0552e
6 changed files with 161 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
static/js/loras.js
View File

@@ -117,6 +117,13 @@ class LoraPageManager {
if (clearBtn) {
clearBtn.addEventListener('click', this.clearCustomFilter);
}
// Add pulse animation
const filterElement = indicator.querySelector('.filter-active');
if (filterElement) {
filterElement.classList.add('animate');
setTimeout(() => filterElement.classList.remove('animate'), 600);
}
}
// If we're viewing a specific LoRA detail, set up to open the modal

8
static/js/recipes.js
View File

@@ -124,10 +124,10 @@ class RecipeManager {
indicator.classList.remove('hidden');
// Add pulse animation
const button = indicator.querySelector('button');
if (button) {
button.classList.add('animate');
setTimeout(() => button.classList.remove('animate'), 600);
const filterElement = indicator.querySelector('.filter-active');
if (filterElement) {
filterElement.classList.add('animate');
setTimeout(() => filterElement.classList.remove('animate'), 600);
}
// Add click handler for clear filter button