diff options
Diffstat (limited to 'src/features/chat/ui')
| -rw-r--r-- | src/features/chat/ui/LazyCollapse.svelte | 4 | ||||
| -rw-r--r-- | src/features/chat/ui/ToolCard.svelte | 4 |
2 files changed, 6 insertions, 2 deletions
diff --git a/src/features/chat/ui/LazyCollapse.svelte b/src/features/chat/ui/LazyCollapse.svelte index 912adb4..3ce34dd 100644 --- a/src/features/chat/ui/LazyCollapse.svelte +++ b/src/features/chat/ui/LazyCollapse.svelte @@ -31,7 +31,9 @@ }); </script> -<div class="collapse w-full rounded-box bg-base-200 text-sm"> +<!-- `.inset-well` (app.css): the recessed panel shared by thinking/tool blocks + and the sidebar views. --> +<div class="collapse inset-well w-full text-sm"> <input type="checkbox" aria-label={label} bind:checked={open} /> <div class="collapse-title flex min-h-0 min-w-0 items-center gap-2 py-2 whitespace-nowrap font-medium {titleClass}"> {@render title()} diff --git a/src/features/chat/ui/ToolCard.svelte b/src/features/chat/ui/ToolCard.svelte index 0a72bb5..10f8528 100644 --- a/src/features/chat/ui/ToolCard.svelte +++ b/src/features/chat/ui/ToolCard.svelte @@ -231,7 +231,9 @@ .output-controls { padding-block: 0.5rem; color: var(--color-base-content); - background: var(--color-base-200); + /* Same fill as the LazyCollapse inset well this sits in (opaque, so + scrolled output never shows through the sticky bar). */ + background: var(--inset-well-bg, var(--color-base-200)); } .sticky-controls { position: sticky; |