diff options
| author | Fabio Berger <me@fabioberger.com> | 2018-10-20 00:22:33 +0800 |
|---|---|---|
| committer | Fabio Berger <me@fabioberger.com> | 2018-10-20 00:22:33 +0800 |
| commit | d129c922edd8bc0319273488b23a5257d736502d (patch) | |
| tree | 48d2c5a9a674bbe4bbb9369c990752f8124ddb94 /packages/website/ts | |
| parent | 90ba8e0e8df2ccd2907adfcb143ed954b9d0b4c5 (diff) | |
| download | dexon-0x-contracts-d129c922edd8bc0319273488b23a5257d736502d.tar.gz dexon-0x-contracts-d129c922edd8bc0319273488b23a5257d736502d.tar.zst dexon-0x-contracts-d129c922edd8bc0319273488b23a5257d736502d.zip | |
Use media module
Diffstat (limited to 'packages/website/ts')
| -rw-r--r-- | packages/website/ts/pages/documentation/developers_page.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/packages/website/ts/pages/documentation/developers_page.tsx b/packages/website/ts/pages/documentation/developers_page.tsx index 401f65df3..361dbc86e 100644 --- a/packages/website/ts/pages/documentation/developers_page.tsx +++ b/packages/website/ts/pages/documentation/developers_page.tsx @@ -6,6 +6,7 @@ import { DocsLogo } from 'ts/components/documentation/docs_logo'; import { DocsTopBar } from 'ts/components/documentation/docs_top_bar'; import { Container } from 'ts/components/ui/container'; import { Dispatcher } from 'ts/redux/dispatcher'; +import { media } from 'ts/style/media'; import { styled } from 'ts/style/theme'; import { BrowserType, OperatingSystemType, ScreenWidths } from 'ts/types'; import { Translate } from 'ts/utils/translate'; @@ -98,14 +99,14 @@ const MainContentContainer = padding-right: ${50 - SCROLLBAR_WIDTH}px; overflow: auto; } - @media (max-width: 40em) { + ${media.small` padding-left: 20px; padding-right: 20px; &:hover { padding-right: ${20 - SCROLLBAR_WIDTH}px; overflow: auto; } - } + `} `; export class DevelopersPage extends React.Component<DevelopersPageProps, DevelopersPageState> { |