Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-02-07 13:30:33 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix panel paddings on small screens

Browse Source
This commit is contained in:
Roman Hotsiy 2018-10-05 10:54:15 +03:00
parent 974bc7ddb0
commit f39fc98eab
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
1 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/common-elements/panels.ts
View File

@ -7,6 +7,8 @@ export const MiddlePanel = styled.div`
${media.lessThan('medium')` ${media.lessThan('medium')`
width: 100%; width: 100%;
padding: ${props =>
`${props.theme.spacing.sectionVertical}px ${props.theme.spacing.sectionHorizontal}px`};
`}; `};
`; `;
@ -17,6 +19,9 @@ export const Section = withProps<{ underlined?: boolean }>(
)` )`
padding: ${props => props.theme.spacing.sectionVertical}px 0; padding: ${props => props.theme.spacing.sectionVertical}px 0;
${media.lessThan('medium')`
padding: 0;
`}
${props => ${props =>
(props.underlined && (props.underlined &&
` `
@ -42,6 +47,8 @@ export const RightPanel = styled.div`
${media.lessThan('medium')` ${media.lessThan('medium')`
width: 100%; width: 100%;
padding: ${props =>
`${props.theme.spacing.sectionVertical}px ${props.theme.spacing.sectionHorizontal}px`};
`}; `};
`; `;