diff --git a/packages/website/src/components/DocContainer.tsx b/packages/website/src/components/DocContainer.tsx index 87b19ef6e..43a0ced6e 100644 --- a/packages/website/src/components/DocContainer.tsx +++ b/packages/website/src/components/DocContainer.tsx @@ -38,7 +38,7 @@ export function DocContainer({ return ( - + <Title order={2} ml="xs" className="break-all"> <Group> {generateIcon(kind)} {name} diff --git a/packages/website/src/components/ParameterTable.tsx b/packages/website/src/components/ParameterTable.tsx index f34bafba6..f8f011108 100644 --- a/packages/website/src/components/ParameterTable.tsx +++ b/packages/website/src/components/ParameterTable.tsx @@ -1,3 +1,4 @@ +import { Box } from '@mantine/core'; import { HyperlinkedText } from './HyperlinkedText'; import { Table } from './Table'; import type { ParameterDocumentation } from '~/util/parse.server'; @@ -15,5 +16,9 @@ export function ParameterTable({ data }: { data: ParameterDocumentation[] }) { Type: 'font-mono', }; - return <Table columns={['Name', 'Type', 'Optional', 'Description']} rows={rows} columnStyles={columnStyles} />; + return ( + <Box className="overflow-x-auto"> + <Table columns={['Name', 'Type', 'Optional', 'Description']} rows={rows} columnStyles={columnStyles} /> + </Box> + ); } diff --git a/packages/website/src/components/SidebarLayout.tsx b/packages/website/src/components/SidebarLayout.tsx index d75e59a49..5c7cfa447 100644 --- a/packages/website/src/components/SidebarLayout.tsx +++ b/packages/website/src/components/SidebarLayout.tsx @@ -123,7 +123,7 @@ export function SidebarLayout({ packageName, data, children }: PropsWithChildren <Menu onOpen={() => setOpenedPicker(true)} onClose={() => setOpenedPicker(false)} - radius="md" + radius="xs" width="target" > <Menu.Target> diff --git a/packages/website/src/components/TypeParamTable.tsx b/packages/website/src/components/TypeParamTable.tsx index ecf15ada5..1aef0d00c 100644 --- a/packages/website/src/components/TypeParamTable.tsx +++ b/packages/website/src/components/TypeParamTable.tsx @@ -1,3 +1,4 @@ +import { Box } from '@mantine/core'; import { HyperlinkedText } from './HyperlinkedText'; import { Table } from './Table'; import type { TypeParameterData } from '~/util/parse.server'; @@ -18,10 +19,12 @@ export function TypeParamTable({ data }: { data: TypeParameterData[] }) { }; return ( - <Table - columns={['Name', 'Constraints', 'Optional', 'Default', 'Description']} - rows={rows} - columnStyles={rowElements} - /> + <Box className="overflow-x-auto"> + <Table + columns={['Name', 'Constraints', 'Optional', 'Default', 'Description']} + rows={rows} + columnStyles={rowElements} + /> + </Box> ); }