Use provider-specific icons for CivitAI and HuggingFace options nav

This commit is contained in:
Dariusz L
2026-06-03 18:12:44 +02:00
parent 37011c080a
commit ae4398fb56
2 changed files with 31 additions and 9 deletions
+29 -7
View File
@@ -363,13 +363,6 @@
pointer-events: none;
user-select: none;
}
.ml-missing-browser.is-resizing .ml-missing-source-dot {
filter: none;
}
.ml-missing-browser.is-resizing .ml-missing-source-dot::before,
.ml-missing-browser.is-resizing .ml-missing-source-dot::after {
display: none;
}
.ml-missing-list-toolbar {
display: flex;
align-items: center;
@@ -3071,6 +3064,35 @@
width: 15px;
height: 15px;
}
.ml-options-provider-icon-civitai svg path:nth-of-type(1),
#model-linker-modal .ml-options-provider-icon-civitai svg path:nth-of-type(1) {
fill: transparent;
stroke: rgba(255,255,255,0.2);
stroke-width: 3;
}
.ml-options-provider-icon-civitai svg path:nth-of-type(2),
.ml-options-provider-icon-civitai svg path:nth-of-type(3),
#model-linker-modal .ml-options-provider-icon-civitai svg path:nth-of-type(2),
#model-linker-modal .ml-options-provider-icon-civitai svg path:nth-of-type(3) {
fill: #ffffff;
}
.ml-options-provider-icon-huggingface svg path,
#model-linker-modal .ml-options-provider-icon-huggingface svg path {
fill: #ffffff;
stroke: rgba(0,0,0,0.42);
stroke-width: 1.4;
paint-order: stroke fill;
vector-effect: non-scaling-stroke;
}
.ml-options-provider-icon-huggingface svg path:nth-of-type(3),
.ml-options-provider-icon-huggingface svg path:nth-of-type(4),
.ml-options-provider-icon-huggingface svg path:nth-of-type(5),
#model-linker-modal .ml-options-provider-icon-huggingface svg path:nth-of-type(3),
#model-linker-modal .ml-options-provider-icon-huggingface svg path:nth-of-type(4),
#model-linker-modal .ml-options-provider-icon-huggingface svg path:nth-of-type(5) {
fill: #202024;
stroke: rgba(255,255,255,0.22);
}
.ml-options-nav-meta,
#model-linker-modal .ml-options-nav-meta {
display: none;
+2 -2
View File
@@ -3479,14 +3479,14 @@ class LinkerManagerDialog extends ComfyDialog {
<div class="ml-options-nav">
<button type="button" class="ml-options-nav-btn" data-target="ml-options-section-civitai">
<span class="ml-options-nav-main">
<span class="ml-options-nav-icon" aria-hidden="true">${getSvgIcon('database')}</span>
<span class="ml-options-nav-icon ml-options-provider-icon ml-options-provider-icon-civitai" aria-hidden="true">${getSvgIcon('civitai')}</span>
<span>CivitAI</span>
</span>
<span class="ml-options-nav-meta">02</span>
</button>
<button type="button" class="ml-options-nav-btn" data-target="ml-options-section-hf">
<span class="ml-options-nav-main">
<span class="ml-options-nav-icon" aria-hidden="true">${getSvgIcon('globe')}</span>
<span class="ml-options-nav-icon ml-options-provider-icon ml-options-provider-icon-huggingface" aria-hidden="true">${getSvgIcon('huggingface')}</span>
<span>HuggingFace</span>
</span>
<span class="ml-options-nav-meta">03</span>