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

fix(webui): preserve preset widths while switching

Browse Source
This commit is contained in:
Xubin Ren 2026-07-25 04:28:45 +08:00
parent 88cb22dd79
commit ac7b8cf4b4
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -266,7 +266,7 @@ export function ModelPresetBadge({
<span <span
data-testid="composer-model-pill-viewport" data-testid="composer-model-pill-viewport"
className={cn( className={cn(
"composer-model-pill-viewport pointer-events-none absolute -left-2 right-0 overflow-hidden bg-transparent", "composer-model-pill-viewport pointer-events-none absolute right-0 w-max max-w-[calc(44vw+0.5rem)] overflow-hidden bg-transparent pl-2 sm:max-w-[18.5rem]",
isHero ? "-bottom-2.5 -top-2.5" : "-bottom-3 -top-3", isHero ? "-bottom-2.5 -top-2.5" : "-bottom-3 -top-3",
)} )}
aria-hidden aria-hidden
@ -274,7 +274,7 @@ export function ModelPresetBadge({
<span <span
data-testid="composer-model-pill-track" data-testid="composer-model-pill-track"
data-settling={motion.settling ? "true" : undefined} data-settling={motion.settling ? "true" : undefined}
className="composer-model-pill-track ml-auto flex w-[calc(100%-0.5rem)] flex-col items-end gap-1 will-change-transform" className="composer-model-pill-track ml-auto flex w-max max-w-full flex-col items-end gap-1 will-change-transform"
onTransitionEnd={(event) => { onTransitionEnd={(event) => {
if (motion.settling && event.currentTarget === event.target) setMotion(null); if (motion.settling && event.currentTarget === event.target) setMotion(null);
}} }}

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

@ -479,9 +479,16 @@ describe("ThreadComposer", () => {
longPress(badge); longPress(badge);
expect(badge).toHaveAttribute("data-switching", "true"); expect(badge).toHaveAttribute("data-switching", "true");
const viewport = screen.getByTestId("composer-model-pill-viewport"); const viewport = screen.getByTestId("composer-model-pill-viewport");
expect(viewport).toHaveClass("overflow-hidden", "-left-2", "-top-3", "-bottom-3"); expect(viewport).toHaveClass(
"right-0",
"w-max",
"max-w-[calc(44vw+0.5rem)]",
"overflow-hidden",
"-top-3",
"-bottom-3",
);
const track = screen.getByTestId("composer-model-pill-track"); const track = screen.getByTestId("composer-model-pill-track");
expect(track).toHaveClass("items-end", "gap-1"); expect(track).toHaveClass("w-max", "max-w-full", "items-end", "gap-1");
const activeTouchMove = new Event("touchmove", { const activeTouchMove = new Event("touchmove", {
bubbles: true, bubbles: true,
cancelable: true, cancelable: true,