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:
Devin AI 2026-08-29 22:38:50 +00:00
parent 36ea28b092
commit 3a73e82f64
2 changed files with 8 additions and 1 deletions

View file

@ -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,

View file

@ -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 && (