Fix ServerSettingsModal stories rendering as blank screen
Wrap modal stories in AppShell to provide a page background behind the modal overlay. Add fullscreen layout parameter. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
a6fc900271
commit
e54c186603
1 changed files with 12 additions and 6 deletions
|
|
@ -1,5 +1,6 @@
|
|||
import { useState } from "react";
|
||||
import type { InspectorServerSettings } from "@inspector/core/mcp/types.js";
|
||||
import { AppShell } from "@mantine/core";
|
||||
import type { Meta, StoryObj } from "@storybook/react-vite";
|
||||
import { ServerSettingsModal } from "./ServerSettingsModal";
|
||||
|
||||
|
|
@ -26,18 +27,23 @@ function InteractiveModal({
|
|||
useState<InspectorServerSettings>(startSettings);
|
||||
|
||||
return (
|
||||
<ServerSettingsModal
|
||||
opened
|
||||
settings={settings}
|
||||
onClose={() => {}}
|
||||
onSettingsChange={setSettings}
|
||||
/>
|
||||
<AppShell>
|
||||
<AppShell.Main>
|
||||
<ServerSettingsModal
|
||||
opened
|
||||
settings={settings}
|
||||
onClose={() => {}}
|
||||
onSettingsChange={setSettings}
|
||||
/>
|
||||
</AppShell.Main>
|
||||
</AppShell>
|
||||
);
|
||||
}
|
||||
|
||||
const meta: Meta<typeof ServerSettingsModal> = {
|
||||
title: "Groups/ServerSettingsModal",
|
||||
component: ServerSettingsModal,
|
||||
parameters: { layout: "fullscreen" },
|
||||
};
|
||||
|
||||
export default meta;
|
||||
|
|
|
|||
Loading…
Reference in a new issue