diff --git a/.changeset/short-hats-mate.md b/.changeset/short-hats-mate.md new file mode 100644 index 000000000..c07576e38 --- /dev/null +++ b/.changeset/short-hats-mate.md @@ -0,0 +1,5 @@ +--- +"@easypost/easy-ui": minor +--- + +fix: overflow for NexusLayoutMultipageContent component diff --git a/easy-ui-react/src/NexusLayout/NexusLayout.stories.tsx b/easy-ui-react/src/NexusLayout/NexusLayout.stories.tsx index 6ad0458a7..886cb6a3a 100644 --- a/easy-ui-react/src/NexusLayout/NexusLayout.stories.tsx +++ b/easy-ui-react/src/NexusLayout/NexusLayout.stories.tsx @@ -10,6 +10,7 @@ import { action } from "@storybook/addon-actions"; import { Meta, StoryObj } from "@storybook/react"; import React from "react"; import { Button } from "../Button"; +import { Text } from "../Text"; import { HorizontalStack } from "../HorizontalStack"; import { Menu } from "../Menu"; import { NexusLayout } from "./NexusLayout"; @@ -174,7 +175,14 @@ export const MultipageContent: Story = { -
+
+ + Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cumque + obcaecati iusto neque architecto, quae dolore illo. Saepe ipsum + voluptates reprehenderit repellendus deleniti, molestias + placeat, consectetur et nihil quisquam, numquam pariatur! + +
diff --git a/easy-ui-react/src/NexusLayout/NexusLayoutMultipage.module.scss b/easy-ui-react/src/NexusLayout/NexusLayoutMultipage.module.scss index 920b1896e..e9c8a521f 100644 --- a/easy-ui-react/src/NexusLayout/NexusLayoutMultipage.module.scss +++ b/easy-ui-react/src/NexusLayout/NexusLayoutMultipage.module.scss @@ -15,6 +15,6 @@ } .content { - flex: 1 0 auto; + flex: 1; padding: design-token("space.3") design-token("space.4"); }