Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,5 +1,27 @@
/* Styles for AddLlmProfile */

/* The settings modal's content column (.conn-modal-col) is the real scroll
container. .settings-body-pad-top declares its own overflow-y: auto with no
bounded height, which does nothing except register a nested scroll context
that would stop the sticky footer below from pinning to .conn-modal-col.
Drop it back to visible for this form. */
.settings-body-pad-top.add-llm-profile-scroll-root {
overflow: visible;
}

/* Pin the submit button to the bottom of the scrollable panel so it stays
visible as the form grows (e.g. Advanced Settings expanded) instead of
flowing past the modal. Background is set inline from the antd theme token
so scrolling fields don't show through. */
.add-llm-profile-footer {
position: sticky;
bottom: 0;
z-index: 1;
margin-bottom: 0;
padding-top: 12px;
border-top: 1px solid var(--ant-color-border-secondary, #f0f0f0);
}

.add-llm-profile-row {
width: 100%;
}
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -453,7 +453,7 @@ function AddLlmProfile({
};

return (
<div className="settings-body-pad-top">
<div className="settings-body-pad-top add-llm-profile-scroll-root">
<Form
form={form}
layout="vertical"
Expand Down Expand Up @@ -633,7 +633,10 @@ function AddLlmProfile({
/>
</div>
</SpaceWrapper>
<Form.Item className="display-flex-right">
<Form.Item
className="display-flex-right add-llm-profile-footer"
style={{ backgroundColor: token.colorBgContainer }}
>
<Space>
<CustomButton type="primary" htmlType="submit" loading={loading}>
{editLlmProfileId ? "Update" : "Add"}
Expand Down