Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-02-23 08:14:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

shader graph support

Browse Source
This commit is contained in:
tamat
2020-07-02 00:00:53 +02:00
parent ab7bc960a0
commit 2f9c67295f
10 changed files with 1684 additions and 472 deletions
Download Patch File Download Diff File Expand all files Collapse all files

153
css/litegraph-editor.css
View File

@@ -93,7 +93,7 @@
/* BUTTONS **********************/
.litegraph-editor button {
.litegraph-editor .btn {
/*font-family: "Metro Light";*/
color: #ccc;
font-size: 20px;
@@ -193,157 +193,6 @@
background-image: url("../demo/imgs/load-progress-full.png");
}
.litegraph-editor .dialog {
position: absolute;
top: 50%;
left: 50%;
margin-top: -150px;
margin-left: -200px;
background-color: #222222;
min-width: 400px;
min-height: 200px;
box-shadow: 0 0 4px #111;
border-radius: 6px;
}
.litegraph-editor .dialog.settings {
left: 10px;
top: 10px;
height: calc( 100% - 20px );
margin: auto;
}
.litegraph-editor .dialog .close {
float: right;
margin: 4px;
margin-right: 10px;
cursor: pointer;
font-size: 1.4em;
}
.litegraph-editor .dialog .close:hover {
color: white;
}
.litegraph-editor .dialog .dialog-header {
color: #AAA;
border-bottom: 1px solid #161616;
}
.litegraph-editor .dialog .dialog-header { height: 40px; }
.litegraph-editor .dialog .dialog-footer { height: 50px; padding: 10px; border-top: 1px solid #1a1a1a;}
.litegraph-editor .dialog .dialog-header .dialog-title {
font: 20px "Arial";
margin: 4px;
padding: 4px 10px;
display: inline-block;
}
.litegraph-editor .dialog .dialog-content {
height: calc(100% - 90px);
width: calc(100% - 10px);
/*background-color: black;*/
padding: 4px;
display: inline-block;
color: #AAA;
}
.litegraph-editor .dialog .dialog-content h3 {
margin: 10px;
}
.litegraph-editor .dialog .dialog-content .connections {
flex-direction: row;
}
.litegraph-editor .dialog .dialog-content .connections .connections_side {
width: calc(50% - 5px);
min-height: 100px;
background-color: black;
display: flex;
}
.litegraph-editor .dialog .node_type {
font-size: 1.2em;
display: block;
margin: 10px;
}
.litegraph-editor .dialog .node_desc {
opacity: 0.5;
display: block;
margin: 10px;
}
.litegraph-editor .dialog .separator {
display: block;
width: calc( 100% - 4px );
height: 1px;
border-top: 1px solid #000;
border-bottom: 1px solid #333;
margin: 10px 2px;
padding: 0;
}
.litegraph-editor .dialog .property {
margin-bottom: 2px;
padding: 0;
}
.litegraph-editor .dialog .property_name {
color: #737373;
display: inline-block;
text-align: left;
vertical-align: top;
width: 120px;
padding-left: 4px;
overflow: hidden;
}
.litegraph-editor .dialog .property_value {
display: inline-block;
text-align: right;
color: #AAA;
background-color: #1A1A1A;
width: calc( 100% - 122px );
max-height: 300px;
padding: 4px;
padding-right: 12px;
overflow: hidden;
cursor: pointer;
border-radius: 3px;
}
.litegraph-editor .dialog .property_value:hover {
color: white;
}
.litegraph-editor .dialog .property.boolean .property_value {
padding-right: 30px;
}
.litegraph-editor .dialog button {
border-radius: 4px;
padding: 4px 20px;
margin-left: 0px;
background-color: #060606;
color: #8e8e8e;
}
.litegraph-editor .dialog button:hover {
background-color: #111;
color: #FFF;
}
.litegraph-editor .dialog button.delete:hover {
background-color: #F33;
color: black;
}
.litegraph-editor textarea.code, .litegraph-editor div.code {
height: 100%;
width: 100%;