mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-09-20 18:51:26 -03:00
fix(ui): pin download modal action buttons with sticky footer
Mirror the import modal fix (c5088772): make the download modal a flex
column with a scrollable step area so the Back/Download buttons stay
visible on short viewports (e.g. 1080p) instead of requiring a scroll
to the bottom of the location step.
This commit is contained in:
@@ -750,6 +750,32 @@
|
|||||||
#downloadModal .modal-content {
|
#downloadModal .modal-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
overflow: hidden; /* The active step scrolls instead of the whole modal */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sticky footer layout (mirrors the import modal fix): fixed header,
|
||||||
|
scrollable step content, pinned action buttons. Ensures Back/Download
|
||||||
|
buttons stay visible on short viewports (e.g. 1080p or 150% zoom). */
|
||||||
|
#downloadModal .modal-header {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#downloadModal .download-step {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
min-height: 0; /* Allow the step to shrink and scroll within the flex container */
|
||||||
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
|
scrollbar-gutter: stable;
|
||||||
|
}
|
||||||
|
|
||||||
|
#downloadModal .download-step .modal-actions {
|
||||||
|
position: sticky;
|
||||||
|
bottom: 0;
|
||||||
|
z-index: 1;
|
||||||
|
background: var(--lora-surface);
|
||||||
|
border-top: 1px solid var(--lora-border);
|
||||||
|
padding-top: var(--space-2);
|
||||||
|
padding-bottom: var(--space-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
#batchPreviewStep {
|
#batchPreviewStep {
|
||||||
|
|||||||
Reference in New Issue
Block a user