soften assistant and thinking headers

This commit is contained in:
Shantur Rathore
2025-11-27 10:27:29 +00:00
parent 755695a35a
commit 1bf1a4761d
2 changed files with 2 additions and 2 deletions

View File

@@ -173,7 +173,7 @@ export default function MessageItem(props: MessageItemProps) {
<span class="font-semibold text-xs text-[var(--message-user-border)]">You</span>
</Show>
<Show when={!isUser()}>
<span class="font-semibold text-xs text-[var(--message-assistant-border)]">Assistant</span>
<span class="text-xs text-[var(--message-assistant-border)]">Assistant</span>
</Show>
</div>
<div class="flex items-center gap-2">

View File

@@ -917,7 +917,7 @@ function ReasoningCard(props: ReasoningCardProps) {
<div class="message-item-base assistant-message bg-[var(--message-assistant-bg)] border-l-4 border-[var(--message-assistant-border)]">
<div class="reasoning-card-header">
<div class="flex flex-col">
<span class="font-semibold text-xs text-[var(--message-assistant-border)]">Thinking</span>
<span class="text-xs text-[var(--message-assistant-border)]">Thinking</span>
</div>
<div class="reasoning-card-header-right">
<button type="button" class="reasoning-card-toggle" onClick={toggle} aria-expanded={expanded()} aria-label={expanded() ? "Collapse thinking" : "Expand thinking"}>