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

Refactor display density settings: replace compact mode with display density option and update related UI components

Browse Source
This commit is contained in:
Will Miao
2025-05-20 19:35:41 +08:00
parent 50704bc882
commit 8e1f73a34e
5 changed files with 132 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
static/css/components/card.css
View File

@@ -86,23 +86,39 @@
min-height: 0; /* Fix for potential flexbox sizing issue in Firefox */
}
/* Smaller text for medium density */
.medium-density .model-name {
font-size: 0.95em;
max-height: 2.6em;
}
.medium-density .base-model-label {
font-size: 0.85em;
max-width: 120px;
}
.medium-density .card-actions i {
font-size: 0.98em;
padding: 4px;
}
/* Smaller text for compact mode */
.compact-mode .model-name {
.compact-density .model-name {
font-size: 0.9em;
max-height: 2.4em;
}
.compact-mode .base-model-label {
.compact-density .base-model-label {
font-size: 0.8em;
max-width: 110px;
}
.compact-mode .card-actions i {
.compact-density .card-actions i {
font-size: 0.95em;
padding: 3px;
}
.compact-mode .model-info {
.compact-density .model-info {
padding-bottom: 2px;
}

11
static/css/components/modal.css
View File

@@ -682,4 +682,15 @@ input:checked + .toggle-slider:before {
[data-theme="dark"] .warning-text {
color: var(--lora-warning, #f39c12);
}
/* Add styles for density description list */
.density-description {
margin: 8px 0;
padding-left: 20px;
font-size: 0.9em;
}
.density-description li {
margin-bottom: 4px;
}