nodes/Azornes-Comfyui-Model-Resolver
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix missing-detail pane layout alignment and spacing

Browse Source
This commit is contained in:
Dariusz L
2026-07-22 14:53:40 +02:00
parent d1a5288104
commit 32c744cbd1
1 changed files with 31 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/css/resolver-main.css
+31 -3
View File
@@ -2023,6 +2023,7 @@
border-radius: var(--mr-missing-control-radius, 7px);
box-shadow: var(--mr-missing-control-shadow, none);
box-sizing: border-box;
margin: 0;
font-size: 12px;
font-weight: 700;
line-height: 1;
@@ -2032,6 +2033,13 @@
transition: var(--mr-missing-control-transition, background 0.15s ease, border-color 0.15s ease, color 0.15s ease);
white-space: nowrap;
text-decoration: none;
vertical-align: middle;
}
.mr-btn>svg,
#model-resolver-modal .mr-btn>svg {
display: block;
flex: 0 0 auto;
}
.mr-btn:hover:not(:disabled),
@@ -8821,13 +8829,24 @@ a.mr-image-preview-resource-name:hover {
border-top-color: rgba(255, 255, 255, 0.07);
}
#model-resolver-modal .mr-missing-detail-pane .mr-combo-row {
align-items: stretch;
}
#model-resolver-modal .mr-missing-detail-pane .mr-combo-label {
display: flex;
align-items: center;
}
#model-resolver-modal .mr-missing-detail-pane .mr-combo-input,
#model-resolver-modal .mr-missing-detail-pane .mr-search-source-select,
#model-resolver-modal .mr-missing-detail-pane .mr-search-base-select,
#model-resolver-modal .mr-missing-detail-pane .mr-download-target-input,
#model-resolver-modal .mr-missing-detail-pane .mr-download-target-select {
box-sizing: border-box;
min-height: var(--mr-missing-field-height, 38px);
height: var(--mr-missing-field-height, 38px);
margin-block: 0;
background: var(--mr-missing-control-bg, rgba(255, 255, 255, 0.035));
border-color: var(--mr-missing-control-border, rgba(255, 255, 255, 0.10));
border-radius: var(--mr-missing-control-radius, 7px);
@@ -8846,14 +8865,17 @@ a.mr-image-preview-resource-name:hover {
}
#model-resolver-modal .mr-missing-detail-pane .mr-combo-refresh-btn {
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
align-self: stretch;
flex: 0 0 var(--mr-missing-field-height, 38px);
width: var(--mr-missing-field-height, 38px);
min-width: var(--mr-missing-field-height, 38px);
height: var(--mr-missing-field-height, 38px);
min-height: var(--mr-missing-field-height, 38px);
height: auto;
min-height: 0;
margin: 0;
padding: 0;
aspect-ratio: auto;
font-size: 0;
@@ -8868,6 +8890,7 @@ a.mr-image-preview-resource-name:hover {
}
#model-resolver-modal .mr-missing-detail-pane .mr-download-section {
--mr-download-control-height: var(--mr-missing-field-height, 38px);
padding: 0;
background: transparent;
border-color: transparent;
@@ -8934,7 +8957,7 @@ a.mr-image-preview-resource-name:hover {
#model-resolver-modal .mr-missing-detail-pane .mr-column+.mr-column {
position: relative;
margin-top: 24px;
margin-top: 8px;
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
@@ -8968,6 +8991,11 @@ a.mr-image-preview-resource-name:hover {
}
#model-resolver-modal .mr-missing-detail-pane .mr-download-section .mr-search-source-bar {
padding-bottom: 0;
border-bottom: 0;
}
#model-resolver-modal .mr-missing-detail-pane .mr-download-section .mr-custom-url-bar {
padding-bottom: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}