diff --git a/static/index.html b/static/index.html
index 2def36d..33f994d 100644
--- a/static/index.html
+++ b/static/index.html
@@ -5,7 +5,7 @@
知迹 · 检索问答
-
+
diff --git a/static/styles.css b/static/styles.css
index 7564424..8776cd8 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -148,6 +148,8 @@ h1 {
}
.turn {
+ flex: none;
+ width: 100%;
border: 1px solid var(--line);
background: var(--paper);
border-radius: 16px;
@@ -174,13 +176,18 @@ h1 {
}
.answer-row {
display: grid;
+ min-height: 30em;
grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.85fr);
+ align-items: stretch;
}
.answer, .slices { padding: 14px 16px 16px; min-width: 0; }
+.answer { min-height: 0; }
.slices {
background: #fbf6ee;
border-left: 1px solid var(--line);
- max-height: 560px;
+ /* 行高由回答撑开。height: 0 让切片不参与算高,min-height: 100% 再铺满这一行并在内部滚动。 */
+ height: 0;
+ min-height: 100%;
overflow: auto;
}
.answer-body {
@@ -360,7 +367,13 @@ textarea:focus, input:focus, select:focus { border-color: #8fbfa8; }
.workspace { display: flex; flex-direction: column; }
.chat { min-height: 70vh; }
.library { min-height: 520px; }
- .slices { border-left: 0; border-top: 1px solid var(--line); max-height: none; }
+ .slices {
+ height: auto;
+ min-height: 0;
+ overflow: visible;
+ border-left: 0;
+ border-top: 1px solid var(--line);
+ }
}
@media (prefers-reduced-motion: reduce) {
.pending { animation: none; }