Use provider-specific icons for CivitAI and HuggingFace options nav
This commit is contained in:
+29
-7
@@ -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
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user