diff --git a/web/css/resolver-main.css b/web/css/resolver-main.css
index ed3e59e..44829ae 100644
--- a/web/css/resolver-main.css
+++ b/web/css/resolver-main.css
@@ -2871,9 +2871,19 @@
background: rgba(255,255,255,0.1);
}
.mr-context-menu-item-icon {
- font-size: 14px;
width: 20px;
- text-align: center;
+ height: 16px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ color: currentColor;
+ flex: 0 0 20px;
+}
+.mr-context-menu-item-icon svg,
+.mr-context-menu-item-svg {
+ width: 14px;
+ height: 14px;
+ display: block;
}
.mr-context-menu-divider {
height: 1px;
diff --git a/web/resolver/resolver_dialog.js b/web/resolver/resolver_dialog.js
index cf2a6ff..81028f4 100644
--- a/web/resolver/resolver_dialog.js
+++ b/web/resolver/resolver_dialog.js
@@ -13,6 +13,7 @@ import { queueMethods } from "./actions/queue_methods.js";
import { resolveDownloadMethods } from "./actions/resolve_download_methods.js";
import { selectionMethods } from "./actions/selection_methods.js";
import { renderFormatMethods } from "./utils/render_format_methods.js";
+import { getSvgIcon } from "../utils/icon_utils.js";
export class ResolverManagerDialog extends ComfyDialog {
constructor() {
super();
@@ -86,21 +87,27 @@ export class ResolverManagerDialog extends ComfyDialog {
$el("div.mr-context-menu-item", {
onclick: () => this.handleContextMenuAction('showInfo')
}, [
- $el("span.mr-context-menu-item-icon", { textContent: "?" }),
+ $el("span.mr-context-menu-item-icon", {
+ innerHTML: getSvgIcon('eye', 'currentColor', 'mr-context-menu-item-svg')
+ }),
$el("span", { textContent: "Show Info" })
]),
$el("div.mr-context-menu-divider"),
$el("div.mr-context-menu-item", {
onclick: () => this.handleContextMenuAction('civitai')
}, [
- $el("span.mr-context-menu-item-icon", { textContent: "??" }),
+ $el("span.mr-context-menu-item-icon", {
+ innerHTML: getSvgIcon('civitai', 'currentColor', 'mr-context-menu-item-svg')
+ }),
$el("span", { textContent: "Open in CivitAI" })
]),
$el("div.mr-context-menu-divider"),
$el("div.mr-context-menu-item", {
onclick: () => this.handleContextMenuAction('openFolder')
}, [
- $el("span.mr-context-menu-item-icon", { textContent: "??" }),
+ $el("span.mr-context-menu-item-icon", {
+ innerHTML: getSvgIcon('folderOpen', 'currentColor', 'mr-context-menu-item-svg')
+ }),
$el("span", { textContent: "Open Containing Folder" })
])
]);
diff --git a/web/utils/icon_utils.js b/web/utils/icon_utils.js
index 88b53c2..d6dd333 100644
--- a/web/utils/icon_utils.js
+++ b/web/utils/icon_utils.js
@@ -19,6 +19,7 @@ const SVG_ICONS = {
globe: ``,
eye: ``,
eyeOff: ``,
+ folderOpen: ``,
windowMaximize: ``,
windowRestore: ``,
x: ``,