Move model in Model Info view.

- Added server REST API endpoint for moving a model and associated resources.
This commit is contained in:
Christian Bastian
2024-02-19 19:15:16 -05:00
parent f1c802164f
commit 7b98d810ba
4 changed files with 154 additions and 40 deletions

View File

@@ -42,7 +42,7 @@
}
.comfy-tabs-body {
background-color: var(--comfy-input-bg);
background-color: var(--bg-color);
border: 2px solid var(--border-color);
border-top: none;
padding: 16px 0px;
@@ -254,13 +254,13 @@
}
.model-manager ::-webkit-scrollbar-track {
background-color: #353535;
background-color: var(--comfy-input-bg);
border-right: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
}
.model-manager ::-webkit-scrollbar-thumb {
background-color: #a1a1a1;
background-color: var(--fg-color);
border-radius: 3px;
}
@@ -331,20 +331,11 @@
color: var(--input-text);
}
.model-manager .row {
position: relative;
padding-top: 2px;
margin-top: -2px;
padding-bottom: 18px;
margin-bottom: 1px;
top: -1px;
background-color: var(--comfy-input-bg);
}
.model-manager [data-name="Install"] .row,
.model-manager [data-name="Models"] .row {
position: sticky;
z-index: 1;
top: 0;
}
.model-manager [data-name="Install"] input {
@@ -359,7 +350,10 @@
}
.model-manager .tab-header {
display: block;
display: flex;
padding: 8px 0;
flex-direction: column;
background-color: var(--bg-color);
}
.model-manager .tab-header-flex-block {
@@ -393,6 +387,7 @@
position: absolute;
background-color: var(--bg-color);
border: 2px var(--border-color) solid;
color: var(--fg-color);
max-height: 30vh;
overflow: auto;
border-radius: 10px;
@@ -471,11 +466,16 @@
}
.model-manager .model-info-view {
background-color: var(--comfy-menu-bg);
display: none;
background-color: var(--bg-color);
border: 2px solid var(--border-color);
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
margin-top: 40px;
overflow-wrap: break-word;
width: 100%;
overflow-y: auto;
padding: 20px;
}
.model-manager .model-info-container {
@@ -483,9 +483,7 @@
border-radius: 16px;
color: var(--fg-color);
margin-top: 8px;
max-height: 90%;
padding: 16px;
overflow: auto;
width: auto;
}
@@ -494,3 +492,7 @@
-ms-user-select: none;
user-select: none;
}
.model-manager .download-model-infos {
padding: 16px 0;
}