fix: container breakpoint

This commit is contained in:
Griffithtp 2019-07-08 08:02:47 +01:00
parent 30568bfe13
commit 60b71611ca
3 changed files with 4 additions and 3 deletions

View File

@ -14,7 +14,7 @@ describe('<ActionBar /> component', () => {
url: 'https://verdaccio.tld/bugs', url: 'https://verdaccio.tld/bugs',
}, },
dist: { dist: {
tarball: 'https://verdaccio.tld/download' tarball: 'https://verdaccio.tld/download',
}, },
}, },
}; };

View File

@ -32,8 +32,8 @@ export default injectGlobal`
padding: 15px; padding: 15px;
flex: 1; flex: 1;
@media screen and (min-width: ${breakpoints.large}px) { @media screen and (min-width: ${breakpoints.container}px) {
max-width: ${breakpoints.large}px; max-width: ${breakpoints.container}px;
width: 100%; width: 100%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;

View File

@ -4,6 +4,7 @@ export const breakpoints = {
small: 576, small: 576,
medium: 768, medium: 768,
large: 1024, large: 1024,
container: 1240,
xlarge: 1275, xlarge: 1275,
}; };