feat: add font size for textarea

Author: pixelass

README.md

@@ -50,17 +50,18 @@ git pull
 
 > Open settings to show options
 
-![image](https://github.com/failfa-st/comfyui-extensions/assets/1148334/6efb211a-3215-4fcb-89c5-89ff0a2ece63)
+![image](https://github.com/failfa-st/failfast-comfyui-extensions/assets/1148334/0653b112-b0f3-40b6-a6d9-3c6e443d67a8)
 
 ### Options
 
-| Name               | default | description                      |
-| ------------------ | ------- | -------------------------------- |
-| Links Render Mode  | `2`     | Render mode of connector lines   |
-| Force Snap to Grid | `false` | Always snap nodes to grid        |
+| Name               | default | description                     |
+|--------------------|---------|---------------------------------|
+| Links Render Mode  | `2`     | Render mode of connector lines  |
+| Force Snap to Grid | `false` | Always snap nodes to grid       |
 | Force Box Shape    | `false` | remove round corners permanently |
-| Render shadows     | `true`  | show/hide shadows                |
-| Connections Width  | `3`     | width of connector lines         |
+| Render shadows     | `true`  | show/hide shadows               |
+| Connections Width  | `3`     | width of connector lines        |
+| Font size          | `10`    | font-size of textareas          |
 
 ## Buttons:
 

extensions/textFields.js

@@ -0,0 +1,42 @@
+/**
+ * Coded with love by Failfa.st
+ * LICENSE: AGPL 3.0
+ * https://github.com/failfa-st/failfast-comfyui-extensions/blob/main/LICENSE
+ *
+ * Visit https://github.com/failfa-st/failfast-comfyui-extensions for more info
+ *
+ * Hopmepage:  https://failfa.st
+ * GitHub: https://github.com/failfa-st
+ * Discord: https://discord.com/invite/m3TBB9XEkb
+ */
+import { app } from "../../../scripts/app.js";
+import { $el } from "../../../scripts/ui.js";
+
+/**
+ * Font size of prompt fields
+ */
+
+const connectionsWidthName = "Failfast.textFields";
+
+app.registerExtension({
+  name: connectionsWidthName,
+  async init(app) {
+    const style = $el("style");
+    document.body.append(style);
+    app.ui.settings.addSetting({
+      id: connectionsWidthName,
+      name: "Font size for textareas",
+      type: "slider",
+      attrs: {
+        min: 10,
+        max: 24,
+      },
+      tooltip: "The size of the font in prompts.",
+      defaultValue: 10,
+      onChange(value) {
+        console.log(value);
+        style.innerText = `.comfy-multiline-input {font-size: ${value}px}`;
+      },
+    });
+  },
+});