♻️ refactor(connection-modal): 重构连接测试反馈交互并优化弹窗布局

- 将测试反馈统一收敛到底部状态区展示
- 失败原因改为独立弹窗查看,避免超长文案挤压主界面
- 调整 modal content/body/footer 弹性结构以适配高度变化
This commit is contained in:
杨国锋
2026-02-10 21:51:50 +08:00
parent 21c8b9a102
commit ecf47da81b
2 changed files with 145 additions and 34 deletions

View File

@@ -72,6 +72,21 @@ body[data-theme='dark'] {
overflow: hidden !important;
}
.connection-modal-wrap .ant-modal-content {
max-height: calc(100vh - 72px);
display: flex;
flex-direction: column;
}
.connection-modal-wrap .ant-modal-body {
flex: 1 1 auto;
min-height: 0;
}
.connection-modal-wrap .ant-modal-footer {
flex-shrink: 0;
}
/* Custom Title Bar Close Button Hover */
.titlebar-close-btn:hover {
background-color: #ff4d4f !important;