Add custom nodes, Civitai loras (LFS), and vast.ai setup script
Some checks failed
Python Linting / Run Ruff (push) Has been cancelled
Python Linting / Run Pylint (push) Has been cancelled
Full Comfy CI Workflow Runs / test-stable (12.1, , linux, 3.10, [self-hosted Linux], stable) (push) Has been cancelled
Full Comfy CI Workflow Runs / test-stable (12.1, , linux, 3.11, [self-hosted Linux], stable) (push) Has been cancelled
Full Comfy CI Workflow Runs / test-stable (12.1, , linux, 3.12, [self-hosted Linux], stable) (push) Has been cancelled
Full Comfy CI Workflow Runs / test-unix-nightly (12.1, , linux, 3.11, [self-hosted Linux], nightly) (push) Has been cancelled
Execution Tests / test (macos-latest) (push) Has been cancelled
Execution Tests / test (ubuntu-latest) (push) Has been cancelled
Execution Tests / test (windows-latest) (push) Has been cancelled
Test server launches without errors / test (push) Has been cancelled
Unit Tests / test (macos-latest) (push) Has been cancelled
Unit Tests / test (ubuntu-latest) (push) Has been cancelled
Unit Tests / test (windows-2022) (push) Has been cancelled
Some checks failed
Python Linting / Run Ruff (push) Has been cancelled
Python Linting / Run Pylint (push) Has been cancelled
Full Comfy CI Workflow Runs / test-stable (12.1, , linux, 3.10, [self-hosted Linux], stable) (push) Has been cancelled
Full Comfy CI Workflow Runs / test-stable (12.1, , linux, 3.11, [self-hosted Linux], stable) (push) Has been cancelled
Full Comfy CI Workflow Runs / test-stable (12.1, , linux, 3.12, [self-hosted Linux], stable) (push) Has been cancelled
Full Comfy CI Workflow Runs / test-unix-nightly (12.1, , linux, 3.11, [self-hosted Linux], nightly) (push) Has been cancelled
Execution Tests / test (macos-latest) (push) Has been cancelled
Execution Tests / test (ubuntu-latest) (push) Has been cancelled
Execution Tests / test (windows-latest) (push) Has been cancelled
Test server launches without errors / test (push) Has been cancelled
Unit Tests / test (macos-latest) (push) Has been cancelled
Unit Tests / test (ubuntu-latest) (push) Has been cancelled
Unit Tests / test (windows-2022) (push) Has been cancelled
Includes 30 custom nodes committed directly, 7 Civitai-exclusive loras stored via Git LFS, and a setup script that installs all dependencies and downloads HuggingFace-hosted models on vast.ai. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
93
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/account.css
Normal file
93
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/account.css
Normal file
@@ -0,0 +1,93 @@
|
||||
.easyuse-account{
|
||||
|
||||
}
|
||||
.easyuse-account-user{
|
||||
font-size: 10px;
|
||||
color:var(--descrip-text);
|
||||
text-align: center;
|
||||
}
|
||||
.easyuse-account-user-info{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding-bottom:10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.easyuse-account-user-info .user{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.easyuse-account-user-info .edit{
|
||||
padding:5px 10px;
|
||||
background: var(--comfy-menu-bg);
|
||||
border-radius:4px;
|
||||
}
|
||||
.easyuse-account-user-info:hover{
|
||||
filter:brightness(110%);
|
||||
}
|
||||
.easyuse-account-user-info h5{
|
||||
margin:0;
|
||||
font-size: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
.easyuse-account-user-info h6{
|
||||
margin:0;
|
||||
font-size: 8px;
|
||||
text-align: left;
|
||||
font-weight: 300;
|
||||
}
|
||||
.easyuse-account-user-info .remark{
|
||||
margin-top: 4px;
|
||||
}
|
||||
.easyuse-account-user-info .avatar{
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: var(--comfy-input-bg);
|
||||
border-radius: 50%;
|
||||
margin-right: 5px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 16px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.easyuse-account-user-info .avatar img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.easyuse-account-dialog{
|
||||
width: 600px;
|
||||
}
|
||||
.easyuse-account-dialog-main a, .easyuse-account-dialog-main a:visited{
|
||||
font-weight: 400;
|
||||
color: var(--theme-color-light);
|
||||
}
|
||||
.easyuse-account-dialog-item{
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
.easyuse-account-dialog-item input{
|
||||
padding:5px;
|
||||
margin-right:5px;
|
||||
}
|
||||
.easyuse-account-dialog-item input.key{
|
||||
flex:1;
|
||||
}
|
||||
.easyuse-account-dialog-item button{
|
||||
cursor: pointer;
|
||||
margin-left:5px!important;
|
||||
padding:5px!important;
|
||||
font-size: 16px!important;
|
||||
}
|
||||
.easyuse-account-dialog-item button:hover{
|
||||
filter:brightness(120%);
|
||||
}
|
||||
.easyuse-account-dialog-item button.choose {
|
||||
background: var(--theme-color);
|
||||
}
|
||||
.easyuse-account-dialog-item button.delete{
|
||||
background: var(--error-color);
|
||||
}
|
||||
35
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/chooser.css
Normal file
35
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/chooser.css
Normal file
@@ -0,0 +1,35 @@
|
||||
.easyuse-chooser-dialog{
|
||||
max-width: 600px;
|
||||
}
|
||||
.easyuse-chooser-dialog-title{
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color:var(--input-text);
|
||||
margin:0;
|
||||
}
|
||||
.easyuse-chooser-dialog-images{
|
||||
margin-top:10px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.easyuse-chooser-dialog-images img{
|
||||
width: 50%;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
filter:brightness(80%);
|
||||
}
|
||||
.easyuse-chooser-dialog-images img:hover{
|
||||
filter:brightness(100%);
|
||||
}
|
||||
.easyuse-chooser-dialog-images img.selected{
|
||||
border: 4px solid var(--success-color);
|
||||
}
|
||||
|
||||
.easyuse-chooser-hidden{
|
||||
display: none;
|
||||
height:0;
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
.easyuse-model{
|
||||
position:relative;
|
||||
}
|
||||
.easyuse-model:hover img{
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
.easyuse-model img{
|
||||
position: absolute;
|
||||
z-index:1;
|
||||
right:-155px;
|
||||
top:0;
|
||||
width:150px;
|
||||
height:auto;
|
||||
display: none;
|
||||
filter:brightness(70%);
|
||||
-webkit-filter: brightness(70%);
|
||||
opacity: 0;
|
||||
transition:all 0.5s ease-in-out;
|
||||
}
|
||||
@@ -0,0 +1,68 @@
|
||||
.easy-dropdown, .easy-nested-dropdown {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
background-color: #171717;
|
||||
box-shadow: 0 4px 4px rgba(255, 255, 255, .25);
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
z-index: 1000;
|
||||
overflow: visible;
|
||||
max-height: fit-content;
|
||||
max-width: fit-content;
|
||||
}
|
||||
|
||||
.easy-dropdown {
|
||||
position: absolute;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Style for final items */
|
||||
.easy-dropdown li.item, .easy-nested-dropdown li.item {
|
||||
font-weight: normal;
|
||||
min-width: max-content;
|
||||
}
|
||||
|
||||
/* Style for folders (parent items) */
|
||||
.easy-dropdown li.folder, .easy-nested-dropdown li.folder {
|
||||
cursor: default;
|
||||
position: relative;
|
||||
border-right: 3px solid cyan;
|
||||
}
|
||||
|
||||
.easy-dropdown li.folder::after, .easy-nested-dropdown li.folder::after {
|
||||
content: ">";
|
||||
position: absolute;
|
||||
right: 2px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.easy-dropdown li, .easy-nested-dropdown li {
|
||||
padding: 4px 10px;
|
||||
cursor: pointer;
|
||||
font-family: system-ui;
|
||||
font-size: 0.7rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Style for nested dropdowns */
|
||||
.easy-nested-dropdown {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 100%;
|
||||
margin: 0;
|
||||
border: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.easy-dropdown li.selected > .easy-nested-dropdown,
|
||||
.easy-nested-dropdown li.selected > .easy-nested-dropdown {
|
||||
display: block;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.easy-dropdown li.selected,
|
||||
.easy-nested-dropdown li.selected {
|
||||
background-color: #e5e5e5;
|
||||
border: none;
|
||||
}
|
||||
130
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/easy.css
Normal file
130
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/easy.css
Normal file
@@ -0,0 +1,130 @@
|
||||
|
||||
.pysssss-workflow-popup{
|
||||
min-width:220px!important;
|
||||
/*right:0px!important;*/
|
||||
/*left:auto!important;*/
|
||||
}
|
||||
body{
|
||||
font-family: var(--font-family)!important;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
textarea{
|
||||
font-family: var(--font-family)!important;
|
||||
}
|
||||
|
||||
.comfy-multiline-input{
|
||||
background-color: transparent;
|
||||
border:1px solid var(--border-color);
|
||||
border-radius:8px;
|
||||
padding: 8px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.comfy-modal {
|
||||
border:1px solid var(--border-color);
|
||||
box-shadow:none;
|
||||
backdrop-filter: blur(8px) brightness(120%);
|
||||
}
|
||||
.comfy-menu{
|
||||
border-radius:16px;
|
||||
box-shadow:0 0 1px var(--descrip-text);
|
||||
backdrop-filter: blur(8px) brightness(120%);
|
||||
}
|
||||
.comfy-menu button,.comfy-modal button {
|
||||
font-size: 14px;
|
||||
padding:4px 0;
|
||||
margin-bottom:4px;
|
||||
}
|
||||
.comfy-menu button.comfy-settings-btn{
|
||||
font-size: 12px;
|
||||
}
|
||||
.comfy-menu-btns {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.comfy-menu-btns button,.comfy-list-actions button{
|
||||
font-size: 10px;
|
||||
}
|
||||
.comfy-menu > button,
|
||||
.comfy-menu-btns button,
|
||||
.comfy-menu .comfy-list button,
|
||||
.comfy-modal button {
|
||||
border-width:1px;
|
||||
}
|
||||
.comfy-modal-content{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
dialog{
|
||||
border:1px solid var(--border-color);
|
||||
background:transparent;
|
||||
backdrop-filter: blur(8px) brightness(120%);
|
||||
box-shadow:none;
|
||||
}
|
||||
.cm-title{
|
||||
background-color:transparent!important;
|
||||
}
|
||||
.cm-notice-board{
|
||||
border-radius:10px!important;
|
||||
border:1px solid var(--border-color)!important;
|
||||
}
|
||||
.cm-menu-container{
|
||||
margin-bottom:50px!important;
|
||||
}
|
||||
hr{
|
||||
border:1px solid var(--border-color);
|
||||
}
|
||||
#comfy-dev-save-api-button{
|
||||
justify-content: center;
|
||||
}
|
||||
#shareButton{
|
||||
background:linear-gradient(to left,var(--theme-color),var(--theme-color-light))!important;
|
||||
color:white!important;
|
||||
}
|
||||
#queue-button{
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
min-height:30px;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#queue-button:after{
|
||||
clear: both;
|
||||
content:attr(data-attr);
|
||||
background:green;
|
||||
color:#FFF;
|
||||
width:var(--process-bar-width);
|
||||
height:100%;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:0;
|
||||
text-align:center;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center;
|
||||
}
|
||||
|
||||
.litegraph .litemenu-entry.has_submenu {
|
||||
border-right: 2px solid var(--theme-color);
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 0em;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: transparent;
|
||||
border-radius: 2px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .workspace_manager .chakra-card{
|
||||
background-color:var(--comfy-menu-bg)!important;
|
||||
}
|
||||
.workspace_manager .chakra-card{
|
||||
width: 400px;
|
||||
}
|
||||
@@ -0,0 +1,34 @@
|
||||
#easyuse_groups_map{
|
||||
flex-direction: column;
|
||||
align-items: end;
|
||||
display:flex;position: absolute;
|
||||
top: 50px; left: 10px; width: 180px;
|
||||
border-radius:12px;
|
||||
min-height:100px;
|
||||
max-height:400px;
|
||||
color: var(--descrip-text);
|
||||
background-color: var(--comfy-menu-bg);
|
||||
padding: 10px 4px;
|
||||
border: 1px solid var(--border-color);
|
||||
z-index: 399;
|
||||
padding-top: 0;
|
||||
}
|
||||
#easyuse_groups_map .icon{
|
||||
width: 12px;
|
||||
height:12px;
|
||||
}
|
||||
#easyuse_groups_map .closeBtn{
|
||||
float: right;
|
||||
color: var(--input-text);
|
||||
border-radius:30px;
|
||||
background-color: var(--comfy-input-bg);
|
||||
border: 1px solid var(--border-color);
|
||||
cursor: pointer;
|
||||
aspect-ratio: 1 / 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
#easyuse_groups_map .closeBtn:hover{
|
||||
filter:brightness(120%);
|
||||
}
|
||||
11
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/index.css
Normal file
11
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/index.css
Normal file
@@ -0,0 +1,11 @@
|
||||
@import "theme.css";
|
||||
@import "dropdown.css";
|
||||
@import "selector.css";
|
||||
@import "groupmap.css";
|
||||
@import "contextmenu.css";
|
||||
@import "modelinfo.css";
|
||||
@import "toast.css";
|
||||
@import "account.css";
|
||||
@import "chooser.css";
|
||||
@import "toolbar.css";
|
||||
@import "sliderControl.css";
|
||||
265
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/modelinfo.css
Normal file
265
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/modelinfo.css
Normal file
@@ -0,0 +1,265 @@
|
||||
.easyuse-model-info {
|
||||
color: white;
|
||||
max-width: 90vw;
|
||||
font-family: var(--font-family);
|
||||
}
|
||||
.easyuse-model-content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
}
|
||||
.easyuse-model-header{
|
||||
margin:0 0 15px 0;
|
||||
}
|
||||
.easyuse-model-header-remark{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top:5px;
|
||||
}
|
||||
.easyuse-model-info h2 {
|
||||
text-align: left;
|
||||
margin:0;
|
||||
}
|
||||
.easyuse-model-info h5 {
|
||||
text-align: left;
|
||||
margin:0 15px 0 0px;
|
||||
font-weight: 400;
|
||||
color:var(--descrip-text);
|
||||
}
|
||||
.easyuse-model-info p {
|
||||
margin: 5px 0;
|
||||
}
|
||||
.easyuse-model-info a {
|
||||
color: var(--theme-color-light);
|
||||
}
|
||||
.easyuse-model-info a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.easyuse-model-tags-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
list-style: none;
|
||||
gap: 10px;
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
margin: 10px 0;
|
||||
padding: 0;
|
||||
}
|
||||
.easyuse-model-tag {
|
||||
background-color: var(--comfy-input-bg);
|
||||
border: 2px solid var(--border-color);
|
||||
color: var(--input-text);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
border-radius: 5px;
|
||||
padding: 2px 5px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.easyuse-model-tag--selected span::before {
|
||||
content: "✅";
|
||||
position: absolute;
|
||||
background-color: var(--theme-color-light);
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.easyuse-model-tag:hover {
|
||||
border: 2px solid var(--theme-color-light);
|
||||
}
|
||||
.easyuse-model-tag p {
|
||||
margin: 0;
|
||||
}
|
||||
.easyuse-model-tag span {
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
background-color: var(--theme-color-light);
|
||||
padding: 2px;
|
||||
position: relative;
|
||||
min-width: 20px;
|
||||
overflow: hidden;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.easyuse-model-metadata .comfy-modal-content {
|
||||
max-width: 100%;
|
||||
}
|
||||
.easyuse-model-metadata label {
|
||||
margin-right: 1ch;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.easyuse-model-metadata span {
|
||||
color: var(--theme-color-light);
|
||||
}
|
||||
|
||||
.easyuse-preview {
|
||||
max-width:660px;
|
||||
margin-right: 15px;
|
||||
position: relative;
|
||||
}
|
||||
.easyuse-preview-group{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius:.5rem;
|
||||
width: 660px;
|
||||
}
|
||||
.easyuse-preview-list{
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
width: 100%;
|
||||
transition: all .5s ease-in-out;
|
||||
}
|
||||
.easyuse-preview-list.no-transition{
|
||||
transition: none;
|
||||
}
|
||||
.easyuse-preview-slide{
|
||||
display: flex;
|
||||
flex-basis: calc(50% - 5px);
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding-right:5px;
|
||||
padding-left:0;
|
||||
}
|
||||
.easyuse-preview-slide:nth-child(even){
|
||||
padding-left:5px;
|
||||
padding-right:0;
|
||||
}
|
||||
.easyuse-preview-slide-content{
|
||||
position: relative;
|
||||
min-height:150px;
|
||||
width: 100%;
|
||||
}
|
||||
.easyuse-preview-slide-content .save{
|
||||
position: absolute;
|
||||
right: 6px;
|
||||
z-index: 12;
|
||||
bottom: 6px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 26px;
|
||||
padding: 0 9px;
|
||||
color: var(--input-text);
|
||||
font-size: 12px;
|
||||
line-height: 26px;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
border-radius: 13px;
|
||||
cursor: pointer;
|
||||
min-width:80px;
|
||||
text-align: center;
|
||||
}
|
||||
.easyuse-preview-slide-content .save:hover{
|
||||
filter: brightness(120%);
|
||||
will-change: auto;
|
||||
}
|
||||
|
||||
.easyuse-preview-slide-content img {
|
||||
border-radius: 14px;
|
||||
object-position: center center;
|
||||
max-width: 100%;
|
||||
max-height:700px;
|
||||
border-style: none;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.easyuse-preview button {
|
||||
position: absolute;
|
||||
z-index:10;
|
||||
top: 50%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width:30px;
|
||||
height:30px;
|
||||
border-radius:15px;
|
||||
border:1px solid rgba(66, 63, 78, .15);
|
||||
background-color: rgba(66, 63, 78, .5);
|
||||
color:hsla(0, 0%, 100%, .8);
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
||||
transition-timing-function: cubic-bezier(.4,0,.2,1);
|
||||
transition-duration: .15s;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.easyuse-preview button.left{
|
||||
left:10px;
|
||||
}
|
||||
.easyuse-preview button.right{
|
||||
right:10px;
|
||||
}
|
||||
|
||||
.easyuse-model-detail{
|
||||
margin-top: 16px;
|
||||
overflow: hidden;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
width:300px;
|
||||
}
|
||||
.easyuse-model-detail-head{
|
||||
height: 40px;
|
||||
padding: 0 10px;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
font-style: normal;
|
||||
line-height: 40px;
|
||||
}
|
||||
.easyuse-model-detail-body{
|
||||
box-sizing: border-box;
|
||||
font-size: 12px;
|
||||
}
|
||||
.easyuse-model-detail-item{
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
border-top: 1px solid var(--border-color);
|
||||
}
|
||||
.easyuse-model-detail-item-label{
|
||||
flex-shrink: 0;
|
||||
width: 88px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 10px;
|
||||
border-right: 1px solid var(--border-color);
|
||||
color: var(--input-text);
|
||||
font-weight: 400;
|
||||
}
|
||||
.easyuse-model-detail-item-value{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 5px 10px 5px 10px;
|
||||
color: var(--input-text);
|
||||
}
|
||||
.easyuse-model-detail-textarea{
|
||||
border-top:1px solid var(--border-color);
|
||||
padding:10px;
|
||||
height:100px;
|
||||
overflow-y: auto;
|
||||
font-size: 12px;
|
||||
}
|
||||
.easyuse-model-detail-textarea textarea{
|
||||
width:100%;
|
||||
height:100%;
|
||||
border:0;
|
||||
background-color:transparent;
|
||||
color: var(--input-text);
|
||||
}
|
||||
.easyuse-model-detail-textarea textarea::placeholder{
|
||||
color:var(--descrip-text);
|
||||
}
|
||||
.easyuse-model-detail-textarea.empty{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--descrip-text);
|
||||
}
|
||||
|
||||
.easyuse-model-notes {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
padding: 5px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.easyuse-model-notes:empty {
|
||||
display: none;
|
||||
}
|
||||
108
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/selector.css
Normal file
108
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/selector.css
Normal file
@@ -0,0 +1,108 @@
|
||||
.easyuse-prompt-styles{
|
||||
overflow: auto;
|
||||
}
|
||||
.easyuse-prompt-styles .tools{
|
||||
display:flex;
|
||||
justify-content:space-between;
|
||||
height:30px;
|
||||
padding-bottom:10px;
|
||||
border-bottom:2px solid var(--border-color);
|
||||
}
|
||||
.easyuse-prompt-styles .tools button.delete{
|
||||
height:30px;
|
||||
border-radius: 8px;
|
||||
border: 2px solid var(--border-color);
|
||||
font-size:11px;
|
||||
background:var(--comfy-input-bg);
|
||||
color:var(--error-text);
|
||||
box-shadow:none;
|
||||
cursor:pointer;
|
||||
}
|
||||
.easyuse-prompt-styles .tools button.delete:hover{
|
||||
filter: brightness(1.2);
|
||||
}
|
||||
.easyuse-prompt-styles .tools textarea.search{
|
||||
flex:1;
|
||||
margin-left:10px;
|
||||
height:20px;
|
||||
line-height:20px;
|
||||
border-radius: 8px;
|
||||
border: 2px solid var(--border-color);
|
||||
font-size:11px;
|
||||
background:var(--comfy-input-bg);
|
||||
color:var(--input-text);
|
||||
box-shadow:none;
|
||||
padding:4px 10px;
|
||||
outline: none;
|
||||
resize: none;
|
||||
appearance:none;
|
||||
}
|
||||
.easyuse-prompt-styles-list{
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
min-height: 150px;
|
||||
height: calc(100% - 40px);
|
||||
overflow: auto;
|
||||
/*display: flex;*/
|
||||
/*flex-wrap: wrap;*/
|
||||
}
|
||||
.easyuse-prompt-styles-list.no-top{
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.easyuse-prompt-styles-tag{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-top: 8px;
|
||||
margin-right: 8px;
|
||||
padding:4px;
|
||||
color: var(--input-text);
|
||||
background-color: var(--comfy-input-bg);
|
||||
border-radius: 8px;
|
||||
border: 2px solid var(--border-color);
|
||||
font-size:11px;
|
||||
cursor:pointer;
|
||||
}
|
||||
.easyuse-prompt-styles-tag.hide{
|
||||
display:none;
|
||||
}
|
||||
.easyuse-prompt-styles-tag:hover{
|
||||
filter: brightness(1.2);
|
||||
}
|
||||
.easyuse-prompt-styles-tag input{
|
||||
--ring-color: transparent;
|
||||
position: relative;
|
||||
box-shadow: none;
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 2px;
|
||||
background: linear-gradient(135deg, var(--comfy-menu-bg) 0%, var(--comfy-input-bg) 60%);
|
||||
}
|
||||
.easyuse-prompt-styles-tag input[type=checkbox]:checked{
|
||||
border: 1px solid var(--theme-color-light);
|
||||
background-color: var(--theme-color-light);
|
||||
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
|
||||
}
|
||||
.easyuse-prompt-styles-tag input[type=checkbox]{
|
||||
color-adjust: exact;
|
||||
display: inline-block;
|
||||
flex-shrink: 0;
|
||||
vertical-align: middle;
|
||||
appearance: none;
|
||||
border: 2px solid var(--border-color);
|
||||
background-origin: border-box;
|
||||
padding: 0;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
border-radius:4px;
|
||||
color:var(--theme-color-light);
|
||||
user-select: none;
|
||||
}
|
||||
.easyuse-prompt-styles-tag span{
|
||||
margin:0 4px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#show_image_id{
|
||||
width:128px;
|
||||
height:128px;
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
.easyuse-slider{
|
||||
width:100%;
|
||||
height:100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
}
|
||||
.easyuse-slider-item{
|
||||
height: inherit;
|
||||
min-width: 25px;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.easyuse-slider-item.positive .easyuse-slider-item-label{
|
||||
color: var(--success-color);
|
||||
}
|
||||
.easyuse-slider-item.negative .easyuse-slider-item-label{
|
||||
color: var(--error-color);
|
||||
}
|
||||
.easyuse-slider-item-input{
|
||||
height:15px;
|
||||
font-size: 10px;
|
||||
color: var(--input-text);
|
||||
}
|
||||
.easyuse-slider-item-label{
|
||||
height:15px;
|
||||
border: none;
|
||||
color: var(--descrip-text);
|
||||
font-size: 8px;
|
||||
}
|
||||
.easyuse-slider-item-scroll {
|
||||
width: 5px;
|
||||
height: calc(100% - 30px);
|
||||
background: var(--comfy-input-bg);
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
}
|
||||
.easyuse-slider-item-bar{
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: linear-gradient(to bottom, var(--input-text), var(--descrip-text));
|
||||
border-radius:100%;
|
||||
box-shadow: 0 2px 10px var(--bg-color);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left:-2.5px;
|
||||
cursor: pointer;
|
||||
z-index:1;
|
||||
}
|
||||
.easyuse-slider-item-area{
|
||||
width: 100%;
|
||||
border-radius:20px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
background: var(--input-text);
|
||||
z-index:0;
|
||||
}
|
||||
.easyuse-slider-item.positive .easyuse-slider-item-area{
|
||||
background: var(--success-color);
|
||||
}
|
||||
.easyuse-slider-item.negative .easyuse-slider-item-area{
|
||||
background: var(--error-color);
|
||||
}
|
||||
10
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/theme.css
Normal file
10
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/theme.css
Normal file
@@ -0,0 +1,10 @@
|
||||
:root {
|
||||
/*--theme-color:#3f3eed;*/
|
||||
/*--theme-color-light: #008ecb;*/
|
||||
--theme-color:#236692;
|
||||
--theme-color-light: #3485bb;
|
||||
--success-color: #52c41a;
|
||||
--error-color: #ff4d4f;
|
||||
--warning-color: #faad14;
|
||||
--font-family: Inter, -apple-system, BlinkMacSystemFont, Helvetica Neue, sans-serif;
|
||||
}
|
||||
110
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/toast.css
Normal file
110
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/toast.css
Normal file
@@ -0,0 +1,110 @@
|
||||
.easyuse-toast-container{
|
||||
position: fixed;
|
||||
z-index: 99999;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
padding:10px 0;
|
||||
}
|
||||
.easyuse-toast-container > div {
|
||||
position: relative;
|
||||
height: fit-content;
|
||||
padding: 4px;
|
||||
margin-top: -100px; /* re-set by JS */
|
||||
opacity: 0;
|
||||
transition: all 0.33s ease-in-out;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.easyuse-toast-container > div:last-child {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.easyuse-toast-container > div:not(.-show) {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.easyuse-toast-container > div.-show {
|
||||
opacity: 1;
|
||||
margin-top: 0px !important;
|
||||
}
|
||||
|
||||
.easyuse-toast-container > div.-show {
|
||||
opacity: 1;
|
||||
transform: translateY(0%);
|
||||
}
|
||||
|
||||
.easyuse-toast-container > div > div {
|
||||
position: relative;
|
||||
background: var(--comfy-menu-bg);
|
||||
color: var(--input-text);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: fit-content;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.88);
|
||||
padding: 9px 12px;
|
||||
border-radius: 8px;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
.easyuse-toast-container > div > div > span {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.easyuse-toast-container > div > div > span svg {
|
||||
width: 16px;
|
||||
height: auto;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.easyuse-toast-container > div > div > span svg[data-icon=info-circle]{
|
||||
fill: var(--theme-color-light);
|
||||
}
|
||||
.easyuse-toast-container > div > div > span svg[data-icon=check-circle]{
|
||||
fill: var(--success-color);
|
||||
}
|
||||
.easyuse-toast-container > div > div > span svg[data-icon=close-circle]{
|
||||
fill: var(--error-color);
|
||||
}
|
||||
.easyuse-toast-container > div > div > span svg[data-icon=exclamation-circle]{
|
||||
fill: var(--warning-color);
|
||||
}
|
||||
/*rotate animation*/
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.easyuse-toast-container > div > div > span svg[data-icon=loading]{
|
||||
fill: var(--theme-color);
|
||||
animation: rotate 1s linear infinite;
|
||||
}
|
||||
|
||||
.easyuse-toast-container a {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
color: var(--theme-color-light);
|
||||
margin-left: 4px;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.easyuse-toast-container a:hover {
|
||||
color: var(--theme-color-light);
|
||||
text-decoration: none;
|
||||
}
|
||||
230
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/toolbar.css
Normal file
230
custom_nodes/ComfyUI-Easy-Use/web_version/v1/css/toolbar.css
Normal file
@@ -0,0 +1,230 @@
|
||||
.easyuse-toolbar{
|
||||
background: rgba(15,15,15,.5);
|
||||
backdrop-filter: blur(4px) brightness(120%);
|
||||
border-radius:0 12px 12px 0;
|
||||
min-width:50px;
|
||||
height:24px;
|
||||
position: fixed;
|
||||
bottom:85px;
|
||||
left:0px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
z-index:10000;
|
||||
}
|
||||
.easyuse-toolbar.disable-render-info{
|
||||
bottom: 55px;
|
||||
}
|
||||
.easyuse-toolbar-item{
|
||||
border-radius:20px;
|
||||
height: 20px;
|
||||
width:20px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
transition: all 0.3s ease-in-out;
|
||||
margin-left:2.5px;
|
||||
}
|
||||
.easyuse-toolbar-icon{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
color:white;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.easyuse-toolbar-icon svg{
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
}
|
||||
.easyuse-toolbar-tips{
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: -25px;
|
||||
left: 0;
|
||||
color: var(--descrip-text);
|
||||
padding: 2px 5px;
|
||||
border-radius: 5px;
|
||||
font-size: 11px;
|
||||
min-width:100px;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.easyuse-toolbar-item:hover{
|
||||
background:rgba(12,12,12,1);
|
||||
}
|
||||
.easyuse-toolbar-item:hover .easyuse-toolbar-tips{
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.easyuse-toolbar-item:hover .easyuse-toolbar-icon.group{
|
||||
color:var(--warning-color);
|
||||
}
|
||||
.easyuse-toolbar-item:hover .easyuse-toolbar-icon.rocket{
|
||||
color:var(--theme-color-light);
|
||||
}
|
||||
.easyuse-toolbar-item:hover .easyuse-toolbar-icon.question{
|
||||
color:var(--success-color);
|
||||
}
|
||||
|
||||
|
||||
.easyuse-guide-dialog{
|
||||
max-width: 300px;
|
||||
font-family: var(--font-family);
|
||||
position: absolute;
|
||||
z-index:100;
|
||||
left:0;
|
||||
bottom:140px;
|
||||
background: rgba(25,25,25,.85);
|
||||
backdrop-filter: blur(8px) brightness(120%);
|
||||
border-radius:0 12px 12px 0;
|
||||
padding:10px;
|
||||
transition: .5s all ease-in-out;
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transform: translateX(0%);
|
||||
}
|
||||
.easyuse-guide-dialog.disable-render-info{
|
||||
bottom:110px;
|
||||
}
|
||||
.easyuse-guide-dialog-top{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.easyuse-guide-dialog-top .icon{
|
||||
width: 12px;
|
||||
height:12px;
|
||||
}
|
||||
.easyuse-guide-dialog.hidden{
|
||||
opacity: 0;
|
||||
transform: translateX(-50%);
|
||||
visibility: hidden;
|
||||
}
|
||||
.easyuse-guide-dialog .closeBtn{
|
||||
float: right;
|
||||
color: var(--input-text);
|
||||
border-radius:30px;
|
||||
background-color: var(--comfy-input-bg);
|
||||
border: 1px solid var(--border-color);
|
||||
cursor: pointer;
|
||||
aspect-ratio: 1 / 1;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.easyuse-guide-dialog .closeBtn:hover{
|
||||
filter:brightness(120%);
|
||||
}
|
||||
.easyuse-guide-dialog-title{
|
||||
color:var(--input-text);
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.easyuse-guide-dialog-remark{
|
||||
color: var(--input-text);
|
||||
font-size: 12px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.easyuse-guide-dialog-content{
|
||||
max-height: 600px;
|
||||
overflow: auto;
|
||||
}
|
||||
.easyuse-guide-dialog a, .easyuse-guide-dialog a:visited{
|
||||
color: var(--theme-color-light);
|
||||
cursor: pointer;
|
||||
}
|
||||
.easyuse-guide-dialog-note{
|
||||
margin-top: 20px;
|
||||
color:white;
|
||||
}
|
||||
.easyuse-guide-dialog p{
|
||||
margin:4px 0;
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
}
|
||||
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 8px;
|
||||
font-weight: 600;
|
||||
line-height: 1.25;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
color: var(--input-text);
|
||||
}
|
||||
.markdown-body h1{
|
||||
font-size: 18px;
|
||||
}
|
||||
.markdown-body h2{
|
||||
font-size: 16px;
|
||||
}
|
||||
.markdown-body h3{
|
||||
font-size: 14px;
|
||||
}
|
||||
.markdown-body h4{
|
||||
font-size: 13px;
|
||||
}
|
||||
.markdown-body table {
|
||||
display: block;
|
||||
/*width: 100%;*/
|
||||
/*width: max-content;*/
|
||||
max-width: 300px;
|
||||
overflow: auto;
|
||||
color:var(--input-text);
|
||||
box-sizing: border-box;
|
||||
border: 1px solid var(--border-color);
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
}
|
||||
.markdown-body table th, .markdown-body table td {
|
||||
padding: 6px 13px;
|
||||
font-size: 12px;
|
||||
margin:0;
|
||||
border-right: 1px solid var(--border-color);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
.markdown-body table td {
|
||||
font-size: 12px;
|
||||
}
|
||||
.markdown-body table th:last-child, .markdown-body table td:last-child{
|
||||
border-right: none;
|
||||
}
|
||||
.markdown-body table tr:last-child td{
|
||||
border-bottom: none;
|
||||
}
|
||||
.markdown-body table th{
|
||||
font-weight: bold;
|
||||
width: auto;
|
||||
min-width: 70px;
|
||||
}
|
||||
.markdown-body table th:last-child{
|
||||
width:100%;
|
||||
}
|
||||
.markdown-body .warning{
|
||||
color:var(--warning-color)
|
||||
}
|
||||
.markdown-body .error{
|
||||
color:var(--error-color)
|
||||
}
|
||||
.markdown-body .success{
|
||||
color:var(--success-color)
|
||||
}
|
||||
.markdown-body .link{
|
||||
color:var(--theme-color-light)
|
||||
}
|
||||
|
||||
#comfyui-menu-monitor{
|
||||
width:120px;
|
||||
}
|
||||
#comfyui-menu-monitor #crystools-monitor-container{
|
||||
margin:0 auto!important;
|
||||
}
|
||||
#comfyui-menu-monitor #crystools-monitor-container > div{
|
||||
margin:2px 0!important;
|
||||
}
|
||||
#comfyui-menu-monitor #crystools-monitor-container > div > div > div{
|
||||
padding:0 4px!important;
|
||||
}
|
||||
Reference in New Issue
Block a user