mirror of
https://github.com/Comfy-Org/ComfyUI-Manager.git
synced 2025-12-22 21:00:49 +08:00
a7eb93fff0
* Started changing UI to match the rest of ComfyUI Completed Main Container * - Added layout formatting to components of the Manager dialog box - Pulled name from select and put it into a label (eg "DB: Channel" now has a label of DB and a dropdown with channel, etc) - Fixed incorrect z-index * Removed this.close() I added before finding z-index issue. * Matched buttons and drop downs to match style of ComfyUI interface while keeping the colours the same as OG ComfyUI Manager * - Took gui building out and put into its own .js - Applied theme to Nodes Manager - Made theme respect user theme colors * - Themed model manager and snapshot manager - fixed incorrect id in gui builder * Fix syntax error in color property --------- Co-authored-by: Dr.Lt.Data <128333288+ltdrdata@users.noreply.github.com>
65 lines
1.3 KiB
CSS
65 lines
1.3 KiB
CSS
.snapshot-manager {
|
|
--grid-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
|
z-index: 1099;
|
|
width: 80vw;
|
|
height: 75vh;
|
|
min-height: 30em;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
color: var(--fg-color);
|
|
font-family: arial, sans-serif;
|
|
text-underline-offset: 3px;
|
|
outline: none;
|
|
margin: calc(var(--spacing)*2);
|
|
}
|
|
|
|
.snapshot-manager button {
|
|
width: auto;
|
|
position: relative;
|
|
overflow: hidden;
|
|
font-size: 16px;
|
|
color: var(--input-text);
|
|
background-color: var(--comfy-input-bg);
|
|
border-color: var(--border-color);
|
|
margin: 0;
|
|
min-width: 100px;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.snapshot-manager .snapshot-restore-btn {
|
|
background-color: #00158f !important;
|
|
border-color: #2025b9 !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.snapshot-manager .snapshot-remove-btn {
|
|
background-color: #970000 !important;
|
|
border-color: #be2127 !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.snapshot-manager button:hover {
|
|
filter: brightness(125%);
|
|
}
|
|
|
|
.snapshot-manager .data-btns {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: calc(var(--spacing)*2);
|
|
padding: calc(var(--spacing)*2);
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
}
|
|
|
|
.snapshot-footer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 10px;
|
|
align-items: center;
|
|
}
|
|
|
|
.snapshot-manager .cn-flex-auto {
|
|
flex: auto;
|
|
} |