mirror of
https://github.com/BerriAI/litellm.git
synced 2026-09-05 08:07:05 +00:00
fix(ui): bound the key settings card so the edit form scrolls like the team form
Co-Authored-By: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
parent
36ea28b092
commit
3a73e82f64
2 changed files with 8 additions and 1 deletions
|
|
@ -638,6 +638,13 @@ describe("KeyInfoView", () => {
|
|||
await userEvent.click(screen.getByRole("tab", { name: /settings/i }));
|
||||
};
|
||||
|
||||
it("should render the settings panel as a bounded scroll container", async () => {
|
||||
await renderAndOpenSettingsTab();
|
||||
|
||||
const settingsCard = screen.getByRole("heading", { name: /key settings/i }).closest("[data-slot='card']");
|
||||
expect(settingsCard).toHaveClass("overflow-y-auto", "max-h-[65vh]");
|
||||
});
|
||||
|
||||
it("should show the Edit Settings button when the user is a proxy admin for a key they do not own", async () => {
|
||||
vi.mocked(useAuthorized).mockReturnValue({
|
||||
...baseUseAuthorizedMock,
|
||||
|
|
|
|||
|
|
@ -766,7 +766,7 @@ export default function KeyInfoView({
|
|||
|
||||
{/* Settings Panel */}
|
||||
<TabsContent value="settings" keepMounted>
|
||||
<Card className="block p-6">
|
||||
<Card className="block p-6 overflow-y-auto max-h-[65vh]">
|
||||
<div className="flex justify-between items-center mb-4">
|
||||
<h3 className="text-lg font-medium">Key Settings</h3>
|
||||
{!isEditing && canModifyKey && (
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue