css finetuning for memory dashboard
Alessandro committed
Sep 29, 2025 at 15:35 UTC
24d5756c7caa3892617dad9c2d4581188eaf8e0e
2 files changed
+14
-9
webui/components/settings/memory/memory-dashboard.html
+3
-8
@@ -727,21 +727,16 @@
727
728
.memory-table tbody tr {
729
border-bottom: 1px solid var(--color-border);
730
- transition: background-color 0.2s ease;
730
}
731
733
- .memory-table tbody tr:nth-child(even) {
734
- background: var(--color-panel);
732
+ .memory-table tbody tr:last-child {
733
+ border-bottom: none;
734
}
735
737
- .memory-table tbody tr:hover {
736
+ .memory-table tbody tr.memory-row {
737
background: var(--color-panel);
738
}
739
741
- .memory-table tbody tr:last-child {
742
- border-bottom: none;
743
- }
744
-
740
.source-type {
741
padding: 0.25rem 0.5rem;
742
border-radius: var(--border-radius);
webui/components/settings/memory/memory-detail-modal.html
+11
-1
@@ -139,6 +139,8 @@
139
.modal-header-compact {
140
background: linear-gradient(135deg, var(--color-panel) 0%, var(--color-background) 100%);
141
position: sticky;
142
+ padding-left: 0.8rem;
143
+ border-radius: 6px;
144
top: 0;
145
z-index: 100;
146
}
@@ -166,6 +168,8 @@
168
display: flex;
169
align-items: center;
170
gap: 0.25rem;
171
+ background: var(--color-message-bg);
172
+ color: var(--color-text);
173
}
174
175
.btn-action-header .material-symbols-outlined {
@@ -256,6 +260,7 @@
260
.metadata-sidebar {
261
min-width: 300px;
262
max-width: 350px;
263
+ min-height: 90vh;
264
background: var(--color-panel);
265
border-left: 1px solid var(--color-border);
266
padding: 1.5rem;
@@ -321,7 +326,7 @@
326
.memory-detail-container {
327
display: flex;
328
flex-direction: column;
324
- height: 100%;
329
+ height: 90vh;
330
}
331
332
/* Responsive design for modal */
@@ -334,9 +339,14 @@
339
.metadata-sidebar {
340
min-width: unset;
341
max-width: unset;
342
+ min-height: unset;
343
border-left: none;
344
border-top: 1px solid var(--color-border);
345
}
346
+
347
+ .metadata-item {
348
+ display: block;
349
+ }
350
351
.modal-header-compact {
352
padding: 0.75rem 1rem;