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

Refactor loras_widget styles for improved layout consistency

Browse Source
This commit is contained in:
Will Miao
2025-04-07 13:42:31 +08:00
parent faf74de238
commit 779be1b8d0
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/comfyui/loras_widget.js
View File

@@ -15,7 +15,7 @@ export function addLorasWidget(node, name, opts, callback) {
Object.assign(container.style, { Object.assign(container.style, {
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
gap: "8px", gap: "5px",
padding: "6px", padding: "6px",
backgroundColor: "rgba(40, 44, 52, 0.6)", backgroundColor: "rgba(40, 44, 52, 0.6)",
borderRadius: "6px", borderRadius: "6px",
@@ -28,7 +28,7 @@ export function addLorasWidget(node, name, opts, callback) {
const defaultValue = opts?.defaultVal || []; const defaultValue = opts?.defaultVal || [];
// Fixed sizes for component calculations // Fixed sizes for component calculations
const LORA_ENTRY_HEIGHT = 44; // Height of a single lora entry const LORA_ENTRY_HEIGHT = 40; // Height of a single lora entry
const HEADER_HEIGHT = 40; // Height of the header section const HEADER_HEIGHT = 40; // Height of the header section
const CONTAINER_PADDING = 12; // Top and bottom padding const CONTAINER_PADDING = 12; // Top and bottom padding
const EMPTY_CONTAINER_HEIGHT = 100; // Height when no loras are present const EMPTY_CONTAINER_HEIGHT = 100; // Height when no loras are present
@@ -537,7 +537,7 @@ export function addLorasWidget(node, name, opts, callback) {
alignItems: "center", alignItems: "center",
padding: "4px 8px", padding: "4px 8px",
borderBottom: "1px solid rgba(226, 232, 240, 0.2)", borderBottom: "1px solid rgba(226, 232, 240, 0.2)",
marginBottom: "8px" marginBottom: "5px"
}); });
// Add toggle all control // Add toggle all control
@@ -599,11 +599,11 @@ export function addLorasWidget(node, name, opts, callback) {
display: "flex", display: "flex",
justifyContent: "space-between", justifyContent: "space-between",
alignItems: "center", alignItems: "center",
padding: "8px", padding: "6px",
borderRadius: "6px", borderRadius: "6px",
backgroundColor: active ? "rgba(45, 55, 72, 0.7)" : "rgba(35, 40, 50, 0.5)", backgroundColor: active ? "rgba(45, 55, 72, 0.7)" : "rgba(35, 40, 50, 0.5)",
transition: "all 0.2s ease", transition: "all 0.2s ease",
marginBottom: "6px", marginBottom: "4px",
}); });
// Create toggle for this lora // Create toggle for this lora