mirror/nanobot
1
0
Fork 0
mirror of https://github.com/HKUDS/nanobot.git synced 2026-08-06 09:28:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(webui): soften model selector emphasis

Browse Source
This commit is contained in:
chengyongru 2026-07-27 23:10:08 +08:00 committed by chengyongru
parent f78ad59ed0
commit b99e0f937e
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webui/src/components/thread/ModelPresetBadge.tsx
View File

@ -359,7 +359,7 @@ function PresetPill({
data-preset-offset={offset} data-preset-offset={offset}
title={fallbackModelName || title || undefined} title={fallbackModelName || title || undefined}
className={cn( className={cn(
"composer-model-badge composer-model-pill inline-flex h-full w-fit max-w-full min-w-0 shrink-0 items-center rounded-full border border-border/55 bg-card font-semibold text-foreground/58", "composer-model-badge composer-model-pill inline-flex h-full w-fit max-w-full min-w-0 shrink-0 items-center rounded-full border border-border/55 bg-card font-medium text-foreground/70",
offset === undefined && "shadow-[0_2px_8px_rgba(15,23,42,0.045)]", offset === undefined && "shadow-[0_2px_8px_rgba(15,23,42,0.045)]",
"transition-[color,background-color,border-color,transform] duration-150 ease-out group-focus-visible/model-badge:ring-2 group-focus-visible/model-badge:ring-ring/45", "transition-[color,background-color,border-color,transform] duration-150 ease-out group-focus-visible/model-badge:ring-2 group-focus-visible/model-badge:ring-ring/45",
needsSetup && "border-amber-500/35 bg-amber-50/70 text-amber-900 dark:bg-amber-500/10 dark:text-amber-200", needsSetup && "border-amber-500/35 bg-amber-50/70 text-amber-900 dark:bg-amber-500/10 dark:text-amber-200",

3
webui/src/tests/thread-composer.test.tsx
View File

@ -446,6 +446,9 @@ describe("ThreadComposer", () => {
); );
expect(screen.getByText("gpt-4o")).toBeInTheDocument(); expect(screen.getByText("gpt-4o")).toBeInTheDocument();
const modelPill = screen.getByText("gpt-4o").closest(".composer-model-pill");
expect(modelPill).toHaveClass("font-medium", "text-foreground/70");
expect(modelPill).not.toHaveClass("font-semibold");
expect(screen.getByTestId("composer-model-logo-openai")).toBeInTheDocument(); expect(screen.getByTestId("composer-model-logo-openai")).toBeInTheDocument();
const input = screen.getByPlaceholderText("Type your message..."); const input = screen.getByPlaceholderText("Type your message...");
expect(input.className).toContain("min-h-[50px]"); expect(input.className).toContain("min-h-[50px]");