Reorganized model info into tabs.

- Changed save button to floppy disk emoji.
- Fixed search bug where scroll was not resetting to the top.
This commit is contained in:
Christian Bastian
2024-07-19 01:45:19 -04:00
parent 1d83d52bc1
commit 4e37259168
3 changed files with 368 additions and 226 deletions

View File

@@ -72,7 +72,12 @@
width: 100%;
}
.model-manager button,
.model-manager button {
margin: 0;
border: 2px solid var(--border-color);
}
.model-manager button:not(.icon-button),
.model-manager select,
.model-manager input {
padding: 4px 8px;
@@ -121,6 +126,7 @@
}
.model-manager .icon-button {
padding: 0;
height: 40px;
width: 40px;
line-height: 1.15;
@@ -174,13 +180,13 @@
color: var(--fg-color);
}
.model-manager .model-manager-tabs {
.model-manager .model-tab-group {
display: flex;
gap: 4px;
height: 40px;
}
.model-manager .model-manager-tabs .head-item {
.model-manager .model-tab-group .tab-button {
background-color: var(--comfy-menu-bg);
border: 2px solid var(--border-color);
border-bottom: none;
@@ -192,7 +198,7 @@
z-index: 1;
}
.model-manager .model-manager-tabs .head-item.active {
.model-manager .model-tab-group .tab-button.active {
background-color: var(--bg-color);
cursor: default;
position: relative;
@@ -233,7 +239,6 @@
height: 100%;
overflow-wrap: break-word;
overflow-y: auto;
padding: 20px;
position: relative;
}
@@ -244,6 +249,31 @@
width: auto;
}
.model-manager .model-metadata {
table-layout: fixed;
text-align: left;
width: 100%;
}
.model-manager .model-metadata-key {
overflow-wrap: break-word;
width: 20%;
}
.model-manager .model-metadata-value {
overflow-wrap: anywhere;
width: 80%;
}
.model-manager table {
border-collapse: collapse;
}
.model-manager th {
border: 1px solid;
padding: 4px 8px;
}
/* download tab */
.model-manager .download-model-infos {