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

Fix issue with incomplete display caused by too many folders

Browse Source
This commit is contained in:
Will Miao
2025-02-28 21:37:00 +08:00
parent ccd4cee65a
commit 6f48762110
1 changed files with 24 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
static/css/layout.css
View File

@@ -124,13 +124,16 @@
.folder-tags-container {
position: relative;
width: 100%;
margin-bottom: 8px; /* Add margin to ensure space for the button */
}
.folder-tags {
transition: max-height 0.3s ease, opacity 0.2s ease;
max-height: 200px;
max-height: 150px; /* Limit height to prevent overflow */
opacity: 1;
overflow: hidden;
overflow-y: auto; /* Enable vertical scrolling */
padding-right: 40px; /* Make space for the toggle button */
margin-bottom: 5px; /* Add margin below the tags */
}
.folder-tags.collapsed {
@@ -184,11 +187,29 @@
.folder-tags {
display: flex;
gap: 4px;
overflow-x: auto;
padding: 2px 0;
flex-wrap: wrap;
}
/* Add custom scrollbar for better visibility */
.folder-tags::-webkit-scrollbar {
width: 6px;
}
.folder-tags::-webkit-scrollbar-track {
background: var(--card-bg);
border-radius: 3px;
}
.folder-tags::-webkit-scrollbar-thumb {
background: var(--border-color);
border-radius: 3px;
}
.folder-tags::-webkit-scrollbar-thumb:hover {
background: var(--lora-accent);
}
.tag {
cursor: pointer;
padding: 2px 8px;