From 301beb2765e2a3b7f288ddfaa1bc38d1e2655038 Mon Sep 17 00:00:00 2001 From: Raykosan <71210053+Raykosan@users.noreply.github.com> Date: Thu, 6 Aug 2026 02:11:59 +0300 Subject: [PATCH] Modification of interfaces in some nodes --- web/rayko_lora_widget.js | 20 ++++++++++---------- web/rs_bypass.js | 4 ++-- web/rs_compare.js | 4 ++-- 3 files changed, 14 insertions(+), 14 deletions(-) diff --git a/web/rayko_lora_widget.js b/web/rayko_lora_widget.js index 2d0548f..945f625 100644 --- a/web/rayko_lora_widget.js +++ b/web/rayko_lora_widget.js @@ -228,7 +228,7 @@ app.registerExtension({ const inputCancel = document.createElement("button"); inputCancel.style.cssText = "flex:1;padding:4px;background:#2a2a2a;color:#ccc;border:1px solid #444;border-radius:3px;cursor:pointer;font-size:11px;"; - inputCancel.textContent = "Cancel"; + inputCancel.textContent = "CANCEL"; inputBtns.append(inputOk, inputCancel); presetNameInput.append(inputLabel, inputField, inputBtns); @@ -249,7 +249,7 @@ app.registerExtension({ const deleteCancel = document.createElement("button"); deleteCancel.style.cssText = "flex:1;padding:4px;background:#2a2a2a;color:#ccc;border:1px solid #444;border-radius:3px;cursor:pointer;font-size:11px;"; - deleteCancel.textContent = "Cancel"; + deleteCancel.textContent = "CANCEL"; deleteBtns.append(deleteOk, deleteCancel); deleteConfirmOverlay.append(deleteText, deleteBtns); @@ -267,11 +267,11 @@ app.registerExtension({ presetsRoot.style.cssText = "display:flex;gap:4px;width:100%;align-items:center;height:30px;"; const savePresetBtn = document.createElement("button"); - savePresetBtn.textContent = " 💾 Save models preset"; + savePresetBtn.textContent = " 💾 SAVE MODELS PRESET"; savePresetBtn.style.cssText = "flex:1;padding:4px 2px;font-size:11px;border:1px solid #99c0ee;border-radius:5px;background:#1a3a5a;color:#aadaff;cursor:pointer;height:26px;margin:0;"; const selectPresetBtn = document.createElement("button"); - selectPresetBtn.textContent = " 📂 Select models preset"; + selectPresetBtn.textContent = " 📂 SELECT MODELS PRESET"; selectPresetBtn.style.cssText = "flex:1;padding:4px 2px;font-size:11px;border:1px solid #99c0ee;border-radius:5px;background:#1a3a5a;color:#aadaff;cursor:pointer;height:26px;margin:0;"; presetsRoot.append(savePresetBtn, selectPresetBtn); @@ -279,11 +279,11 @@ app.registerExtension({ loraPresetsRoot.style.cssText = "display:flex;gap:4px;width:100%;align-items:center;height:30px;"; const saveLoraPresetBtn = document.createElement("button"); - saveLoraPresetBtn.textContent = " 💾 Save LoRA preset"; + saveLoraPresetBtn.textContent = " 💾 SAVE LoRA PRESET"; saveLoraPresetBtn.style.cssText = "flex:1;padding:4px 2px;font-size:11px;border:1px solid #50cc90;border-radius:5px;background:#1a3a2a;color:#aaffcc;cursor:pointer;height:26px;margin:0;"; const selectLoraPresetBtn = document.createElement("button"); - selectLoraPresetBtn.textContent = " 📂 Select LoRA preset"; + selectLoraPresetBtn.textContent = " 📂 SELECT LoRA PRESET"; selectLoraPresetBtn.style.cssText = "flex:1;padding:4px 2px;font-size:11px;border:1px solid #50cc90;border-radius:5px;background:#1a3a2a;color:#aaffcc;cursor:pointer;height:26px;margin:0;"; loraPresetsRoot.append(saveLoraPresetBtn, selectLoraPresetBtn); @@ -446,13 +446,13 @@ app.registerExtension({ if (!deleteConfirmOverlay?.contains(e.target)) deleteConfirmOverlay.style.display = "none"; }); - this.addWidget("button", "✔️ Update LoRA list", "", async () => { + this.addWidget("button", "🆙 UPDATE LoRA LIST", "", async () => { await this.loadLoraList(); if (this.graph) this.graph.setDirtyCanvas(true, true); }); - this.addWidget("button", "➕ Add LoRA", "", () => { - const btnWidget = this.widgets.find(w => w.name === "➕ Add LoRA"); + this.addWidget("button", "➕ ADD LoRA", "", () => { + const btnWidget = this.widgets.find(w => w.name === "➕ ADD LoRA"); this.showLoraTreeSelector(btnWidget); }); @@ -1512,7 +1512,7 @@ app.registerExtension({ btnsDiv.appendChild(saveBtn); const cancelBtn = document.createElement("button"); - cancelBtn.textContent = "❌ Cancel"; + cancelBtn.textContent = "❌ CANCEL"; cancelBtn.style.cssText = `flex: 1; background: #2a2a2a; color: #ccc; border: 1px solid #555; border-radius: 4px; padding: 6px 12px; cursor: pointer; font-size: 11px;`; cancelBtn.onmouseenter = () => cancelBtn.style.background = "#3a3a3a"; cancelBtn.onmouseleave = () => cancelBtn.style.background = "#2a2a2a"; diff --git a/web/rs_bypass.js b/web/rs_bypass.js index 9c1e480..8572242 100644 --- a/web/rs_bypass.js +++ b/web/rs_bypass.js @@ -76,12 +76,12 @@ app.registerExtension({ }; } - self.setSize([220, 180]); + self.setSize([240, 180]); self.computeSize = function() { const count = self.data.bypassedNodes.length + self.data.bypassedGroups.length; const calculatedHeight = 63 + (count * 28); - return [220, Math.max(80, calculatedHeight)]; + return [240, Math.max(80, calculatedHeight)]; }; self.drawLabel = function(ctx, text, x, y, w, h) { diff --git a/web/rs_compare.js b/web/rs_compare.js index 65a885b..03f5abc 100644 --- a/web/rs_compare.js +++ b/web/rs_compare.js @@ -265,7 +265,7 @@ app.registerExtension({ ctx.stroke(); ctx.fillStyle = "#4CAF50"; - ctx.font = "10px monospace"; + ctx.font = "12px sans-serif"; ctx.textAlign = "center"; ctx.fillText(widget.format(widget.value), valueX + valueW / 2, rowY + ROW_HEIGHT / 2); @@ -311,7 +311,7 @@ app.registerExtension({ ctx.fillStyle = "#C0C0C0"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; - ctx.fillText("🔄️ Reset All Parameters", padding + buttonWidth / 2, resetAllY + resetAllHeight / 2); + ctx.fillText("🔄️ RESET ALL PARAMETERS", padding + buttonWidth / 2, resetAllY + resetAllHeight / 2); this.rs_resetAllRect = { x: padding, y: resetAllY, w: buttonWidth, h: resetAllHeight };