interesting
/
go-ethereum
mirror of https://github.com/ethereum/go-ethereum.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add max width of 100% to md content on mobile (#130)

This commit is contained in:
Paul Wackerow 2022-12-06 14:35:53 +01:00 committed by GitHub
parent 9d3be9b1d6
commit bbd4a31bad
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/UI/docs/MDComponents.tsx
View File

@ -101,7 +101,7 @@ const MDComponents = {
}, },
// tables // tables
table: ({ children }: any) => ( table: ({ children }: any) => (
<Flex maxW='min(100%, 100vw)' overflowX='auto'> <Flex overflowX='auto'>
<Table <Table
variant='striped' variant='striped'
colorScheme='greenAlpha' colorScheme='greenAlpha'

2
src/pages/[...slug].tsx
View File

@ -116,7 +116,7 @@ const DocPage: NextPage<Props> = ({ frontmatter, content, navLinks, lastModified
</Stack> </Stack>
<Flex width='100%' placeContent='space-between' gap={8}> <Flex width='100%' placeContent='space-between' gap={8}>
<Stack maxW='768px' sx={{ "*:first-of-type": { marginTop: '0 !important' } }}> <Stack maxW='min(100%, 768px)' sx={{ "*:first-of-type": { marginTop: '0 !important' } }}>
<ReactMarkdown <ReactMarkdown
remarkPlugins={[gfm]} remarkPlugins={[gfm]}
rehypePlugins={[rehypeRaw]} rehypePlugins={[rehypeRaw]}