Replace generic link icons with dock/undock icons
This commit is contained in:
Dariusz L
@@ -146,7 +146,7 @@ export class ResolverManagerDialog extends ComfyDialog {
|
||||
parent: document.body,
|
||||
ariaHidden: "true",
|
||||
innerHTML: `
|
||||
<span class="mr-dock-drop-preview-icon">${getSvgIcon('internalLink')}</span>
|
||||
<span class="mr-dock-drop-preview-icon">${getSvgIcon('dock')}</span>
|
||||
<strong>Dock to sidebar</strong>
|
||||
<span>Release to dock Model Resolver</span>
|
||||
`
|
||||
@@ -156,7 +156,7 @@ export class ResolverManagerDialog extends ComfyDialog {
|
||||
parent: document.body,
|
||||
ariaHidden: "true",
|
||||
innerHTML: `
|
||||
<span class="mr-dock-drop-preview-icon">${getSvgIcon('externalLink')}</span>
|
||||
<span class="mr-dock-drop-preview-icon">${getSvgIcon('undock')}</span>
|
||||
<strong>Undock to floating window</strong>
|
||||
<span>Release to undock Model Resolver</span>
|
||||
`
|
||||
|
||||
@@ -40,7 +40,7 @@ export const dialogShellMethods = {
|
||||
this.dockButton = $el("button", {
|
||||
id: "model-resolver-dock-toggle",
|
||||
className: "mr-window-btn mr-window-btn--dock",
|
||||
innerHTML: getSvgIcon('internalLink', 'currentColor', 'mr-window-btn-icon'),
|
||||
innerHTML: getSvgIcon('dock', 'currentColor', 'mr-window-btn-icon'),
|
||||
ariaLabel: "Dock Model Resolver to sidebar",
|
||||
onclick: () => this.dockToSidebar()
|
||||
});
|
||||
@@ -49,7 +49,7 @@ export const dialogShellMethods = {
|
||||
this.undockButton = $el("button", {
|
||||
id: "model-resolver-undock-toggle",
|
||||
className: "mr-window-btn mr-window-btn--undock",
|
||||
innerHTML: getSvgIcon('externalLink', 'currentColor', 'mr-window-btn-icon'),
|
||||
innerHTML: getSvgIcon('undock', 'currentColor', 'mr-window-btn-icon'),
|
||||
ariaLabel: "Undock Model Resolver",
|
||||
onclick: () => this.undockToFloating()
|
||||
});
|
||||
|
||||
@@ -34,6 +34,8 @@ const SVG_ICONS = {
|
||||
moreCircle: `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="{color}" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"></path></svg>`,
|
||||
internalLink: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8.5 12h10.5"></path><path d="M12.25 15.75 8.5 12l3.75-3.75"></path><path d="M19 7.75V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-.75"></path></svg>`,
|
||||
workflowBack: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="14" y="3" width="7.2" height="5.5" rx="1.6"></rect><rect x="14" y="15.5" width="7.2" height="5.5" rx="1.6"></rect><path d="M10.5 5.75H14"></path><path d="M10.5 18.25H14"></path><path d="M10.5 5.75v12.5"></path><path d="M10.5 12H3"></path><path d="m6 9-3 3 3 3"></path></svg>`,
|
||||
dock: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8.5 4H5.1A2.5 2.5 0 0 0 2.6 6.5v11A2.5 2.5 0 0 0 5.1 20h3.4z" fill="{color}" stroke="none" opacity=".22"></path><rect x="2.5" y="3.5" width="19" height="17" rx="2.6"></rect><path d="M8.5 4.5v14"></path><path d="M17.8 12H11.6m2.3 -2.3L11.6 12l2.3 2.3"></path></svg>`,
|
||||
undock: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2.5" y="3.5" width="19" height="17" rx="2.6"></rect><rect x="6.6" y="7.4" width="11" height="9.2" rx="2" fill="{color}" stroke="none" opacity=".22"></rect><rect x="9" y="7.6" width="11" height="9.2" rx="2"></rect></svg>`,
|
||||
database: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><ellipse cx="12" cy="5" rx="8" ry="3"></ellipse><path d="M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5"></path><path d="M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6"></path></svg>`,
|
||||
wrench: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="{color}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"></path></svg>`,
|
||||
comfyui: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#f0ff41" aria-hidden="true"><path d="M5.485 23.76c-.568 0-1.026-.207-1.325-.598-.307-.402-.387-.964-.22-1.54l.672-2.315a.605.605 0 00-.1-.536.622.622 0 00-.494-.243H2.085c-.568 0-1.026-.207-1.325-.598-.307-.403-.387-.964-.22-1.54l2.31-7.917.255-.87c.343-1.18 1.592-2.14 2.786-2.14h2.313c.276 0 .519-.18.595-.442l.764-2.633C9.906 1.208 11.155.249 12.35.249l4.945-.008h3.62c.568 0 1.027.206 1.325.597.307.402.387.964.22 1.54l-1.035 3.566c-.343 1.178-1.593 2.137-2.787 2.137l-4.956.01H11.37a.618.618 0 00-.594.441l-1.928 6.604a.605.605 0 00.1.537c.118.153.3.243.495.243l3.275-.006h3.61c.568 0 1.026.206 1.325.598.307.402.387.964.22 1.54l-1.036 3.565c-.342 1.179-1.592 2.138-2.786 2.138l-4.957.01h-3.61z"></path></svg>`,
|
||||
|
||||
Reference in New Issue
Block a user