diff --git a/frontend/src/App.css b/frontend/src/App.css index b213b6f3..f765cc50 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -1379,6 +1379,8 @@ body[data-theme='dark'] .gn-connection-type-group:hover:not([aria-pressed='true' } .connection-modal-wrap.connection-modal-form .ant-modal-body { + display: flex; + flex-direction: column; padding-left: 0 !important; padding-right: 0 !important; } @@ -1409,6 +1411,23 @@ body[data-theme='dark'] .gn-connection-type-group:hover:not([aria-pressed='true' max-height: none; } +/* 默认(未拖拽调高)时同样打通高度链:弹窗内容超过 max-height 后由 + gn-conn-form-main(overflow: auto)消费剩余空间滚动,避免展开折叠区 + 或新增字段后表单底部超出弹窗上限被截断、滚动条被压出可视区。 */ +.connection-modal-wrap.connection-modal-form .ant-modal-header { + flex-shrink: 0; +} + +.connection-modal-wrap.connection-modal-form .gn-conn-studio-form, +.connection-modal-wrap.connection-modal-form .gn-conn-form-layout { + display: flex; + flex: 1 1 auto; + flex-direction: column; + width: 100%; + min-height: 0; + max-height: none; +} + /* demo .f-row */ .connection-modal-form .gn-conn-f-row, .gn-conn-dense .gn-conn-f-row { diff --git a/frontend/src/components/ConnectionModal.i18n.test.tsx b/frontend/src/components/ConnectionModal.i18n.test.tsx index 05b0d90a..c8018884 100644 --- a/frontend/src/components/ConnectionModal.i18n.test.tsx +++ b/frontend/src/components/ConnectionModal.i18n.test.tsx @@ -245,6 +245,18 @@ vi.mock("antd", () => { ); Select.Option = ({ children }: any) => {children}; + const Radio = ({ children, value }: any) => ( + + ); + Radio.Group = ({ children, value }: any) => ( +
+ {children} + {value ? radio:{value} : null} +
+ ); const Checkbox = ({ children, checked, onChange }: any) => (