fix: 修复知识库弹框布局错位,添加 flex 约束和溢出控制

This commit is contained in:
developer
2026-04-04 22:51:18 +08:00
parent 33d3122e93
commit a790060b87
+25 -2
View File
@@ -1718,20 +1718,32 @@ body::before {
.modal-lg { .modal-lg {
max-width: 780px; max-width: 780px;
width: 95vw; width: 95vw;
max-height: 85vh;
}
#kbModal .modal-body {
padding: 16px 20px;
overflow: hidden;
display: flex;
flex-direction: column;
} }
.kb-layout { .kb-layout {
display: flex; display: flex;
gap: 16px; gap: 16px;
min-height: 400px; flex: 1;
min-height: 0;
overflow: hidden;
} }
.kb-sidebar { .kb-sidebar {
width: 260px; width: 240px;
flex-shrink: 0; flex-shrink: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 8px; gap: 8px;
min-height: 0;
overflow: hidden;
} }
.kb-new-collection { .kb-new-collection {
@@ -1751,6 +1763,7 @@ body::before {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 4px; gap: 4px;
min-height: 0;
} }
.kb-collection-item { .kb-collection-item {
@@ -1803,6 +1816,8 @@ body::before {
flex-direction: column; flex-direction: column;
gap: 10px; gap: 10px;
min-width: 0; min-width: 0;
min-height: 0;
overflow: hidden;
} }
.kb-toolbar { .kb-toolbar {
@@ -1861,6 +1876,7 @@ body::before {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 4px; gap: 4px;
min-height: 0;
} }
.kb-doc-item { .kb-doc-item {
@@ -1919,5 +1935,12 @@ body::before {
} }
.kb-sidebar { .kb-sidebar {
width: 100%; width: 100%;
max-height: 180px;
}
.kb-main {
min-height: 200px;
}
.modal-lg {
max-height: 90vh;
} }
} }