From 0cea67f912be014bc72aecf3c838bcc11215e184 Mon Sep 17 00:00:00 2001 From: Mehdi Chaid Date: Wed, 13 May 2026 16:19:23 -0400 Subject: [PATCH] style: reduce prompts section height - Reduce textarea rows from 5 to 3 and min-height from 100px to 78px for both positive and negative prompt fields so the preset page fits in view without scrolling Closes #125 --- web/preset-modal.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/web/preset-modal.js b/web/preset-modal.js index 3025106..3e4a6da 100644 --- a/web/preset-modal.js +++ b/web/preset-modal.js @@ -419,15 +419,15 @@ export function openPresetEditModal({ mode, name, data, family = "SDXL/Base" }) const prompt = data.prompt || {}; content.appendChild(makeComfyLabel("Positive prompt")); - const posTA = makeTextarea(prompt.positive || "", "masterpiece, best quality", 5); - css(posTA, "background:#1a1a1a;color:#ddd;border:1px solid #333;padding:8px;border-radius:6px;font-size:13px;width:100%;box-sizing:border-box;font-family:inherit;resize:vertical;outline:none;min-height:100px;flex-shrink:0;"); + const posTA = makeTextarea(prompt.positive || "", "masterpiece, best quality", 3); + css(posTA, "background:#1a1a1a;color:#ddd;border:1px solid #333;padding:8px;border-radius:6px;font-size:13px;width:100%;box-sizing:border-box;font-family:inherit;resize:vertical;outline:none;min-height:78px;flex-shrink:0;"); posTA.addEventListener("focus", () => posTA.style.borderColor = "#555"); posTA.addEventListener("blur", () => posTA.style.borderColor = "#333"); content.appendChild(posTA); content.appendChild(makeComfyLabel("Negative prompt")); - const negTA = makeTextarea(prompt.negative || "", "worst quality, low quality", 5); - css(negTA, "background:#1a1a1a;color:#ddd;border:1px solid #333;padding:8px;border-radius:6px;font-size:13px;width:100%;box-sizing:border-box;font-family:inherit;resize:vertical;outline:none;min-height:100px;flex-shrink:0;"); + const negTA = makeTextarea(prompt.negative || "", "worst quality, low quality", 3); + css(negTA, "background:#1a1a1a;color:#ddd;border:1px solid #333;padding:8px;border-radius:6px;font-size:13px;width:100%;box-sizing:border-box;font-family:inherit;resize:vertical;outline:none;min-height:78px;flex-shrink:0;"); negTA.addEventListener("focus", () => negTA.style.borderColor = "#555"); negTA.addEventListener("blur", () => negTA.style.borderColor = "#333"); content.appendChild(negTA);