From 3fc69b2922bc9fbf0dd116fefacac3ec97aaca3a Mon Sep 17 00:00:00 2001 From: Xubin Ren <52506698+Re-bin@users.noreply.github.com> Date: Fri, 7 Aug 2026 11:29:48 +0800 Subject: [PATCH] style(webui): inset expanded preset editor --- webui/src/components/settings/SettingsView.tsx | 2 +- webui/src/tests/settings-view.test.tsx | 6 +++++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/webui/src/components/settings/SettingsView.tsx b/webui/src/components/settings/SettingsView.tsx index 24885fb44..b71e47542 100644 --- a/webui/src/components/settings/SettingsView.tsx +++ b/webui/src/components/settings/SettingsView.tsx @@ -3437,7 +3437,7 @@ function ModelsSettings({ key={key} id="model-preset-editor" data-testid="model-preset-editor" - className="divide-y divide-border/45 bg-background/70 motion-reduce:animate-none animate-in fade-in-0 slide-in-from-top-1 duration-200" + className="mx-3 mb-3 divide-y divide-border/45 overflow-hidden rounded-[18px] border border-border/45 bg-background/80 shadow-sm motion-reduce:animate-none animate-in fade-in-0 slide-in-from-top-1 duration-200 sm:mx-5 lg:mx-auto lg:w-[calc(100%-2.5rem)] lg:max-w-6xl" > {creating ? (
diff --git a/webui/src/tests/settings-view.test.tsx b/webui/src/tests/settings-view.test.tsx index e68400df4..e0e509a3f 100644 --- a/webui/src/tests/settings-view.test.tsx +++ b/webui/src/tests/settings-view.test.tsx @@ -2167,7 +2167,11 @@ describe("SettingsView Apps catalog", () => { expect(trigger).toHaveAttribute("aria-expanded", "true"); expect(trigger).toHaveAttribute("aria-controls", "model-preset-editor"); expect(row.nextElementSibling).toBe(editor); - expect(editor).toHaveClass("slide-in-from-top-1", "bg-background/70"); + expect(editor).toHaveClass( + "slide-in-from-top-1", + "lg:max-w-6xl", + "rounded-[18px]", + ); expect(within(editor).getByDisplayValue("Primary")).toBeInTheDocument(); const deleteButton = within(editor).getByRole("button", { name: "Delete" }); expect(deleteButton).toBeDisabled();