fix memory detail sizing
frdel committed
Oct 1, 2025 at 08:42 UTC
74aba3eb8c6124c0a8117343dea6f041772735db
1 file changed
+30
-8
webui/components/settings/memory/memory-detail-modal.html
+30
-8
@@ -65,7 +65,9 @@
65
<div class="content-block">
66
<h4>Memory Content</h4>
67
<template x-if="!$store.memoryDashboardStore.editMode">
68
- <div class="memory-content-display" x-text="$store.memoryDashboardStore.detailMemory?.content_full"></div>
68
+ <div class="memory-content-display">
69
+ <p x-text="$store.memoryDashboardStore.detailMemory?.content_full"></p>
70
+ </div>
71
</template>
72
<template x-if="$store.memoryDashboardStore.editMode">
73
<textarea class="memory-content-display" x-model="$store.memoryDashboardStore.detailMemory.content_full"></textarea>
@@ -209,7 +211,7 @@
211
.content-section-main {
212
flex: 1;
213
padding: 1.5rem;
212
- overflow-y: auto;
214
+ overflow-y: hidden;
215
display: flex;
216
flex-direction: column;
217
}
@@ -218,12 +220,14 @@
220
margin-bottom: 3rem;
221
display: flex;
222
flex-direction: column;
223
+ min-height: 0;
224
}
225
226
/* Make the first content block (Memory Content) take all available space */
227
.content-block:first-child {
228
flex: 1;
229
margin-bottom: 1.5rem;
230
+ min-height: 0;
231
}
232
233
.content-block h4 {
@@ -236,23 +240,41 @@
240
}
241
242
.memory-content-display {
239
- background: var(--color-panel);
243
border: 1px solid var(--color-border);
244
border-radius: 8px;
242
- padding: 1.5rem;
245
+ /* padding: 1.5rem; */
246
line-height: 1.6;
247
color: var(--color-text);
245
- white-space: pre-wrap;
246
- word-break: break-word;
247
- overflow-y: auto;
248
/* Fixed height: parent container minus 1rem */
249
- height: calc(100% - 1rem);
249
+ flex: 1;
250
+ min-height: 0;
251
/* Ensure textarea uses same styling */
252
font-family: inherit;
253
font-size: inherit;
254
resize: none;
255
width: 100%;
256
box-sizing: border-box;
257
+ overflow: hidden;
258
+ display: flex;
259
+ flex-direction: column;
260
+ }
261
+
262
+ .memory-content-display p {
263
+ background: var(--color-panel);
264
+ margin: 0;
265
+ padding: 1.5rem;
266
+ white-space: pre-wrap;
267
+ word-break: break-word;
268
+ overflow-y: auto;
269
+ overflow-x: hidden;
270
+ height: 0;
271
+ flex-grow: 1;
272
+ }
273
+
274
+ textarea.memory-content-display {
275
+ padding: 1.5rem;
276
+ overflow-y: auto;
277
+ display: block;
278
}
279
280
.tags-display {