fix: container breakpoint

verdaccio · Jul 8, 2019 · 60b7161 · 60b7161
1 parent 30568bf
commit 60b7161
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/ActionBar/ActionBar.test.tsx b/src/components/ActionBar/ActionBar.test.tsx
@@ -14,7 +14,7 @@ describe('<ActionBar /> component', () => {
           url: 'https://verdaccio.tld/bugs',
         },
         dist: {
-          tarball: 'https://verdaccio.tld/download'
+          tarball: 'https://verdaccio.tld/download',
         },
       },
     };

diff --git a/src/utils/styles/global.ts b/src/utils/styles/global.ts
@@ -32,8 +32,8 @@ export default injectGlobal`
         padding: 15px;
         flex: 1;
 
-        @media screen and (min-width: ${breakpoints.large}px) {
-          max-width: ${breakpoints.large}px;
+        @media screen and (min-width: ${breakpoints.container}px) {
+          max-width: ${breakpoints.container}px;
           width: 100%;
           margin-left: auto;
           margin-right: auto;

diff --git a/src/utils/styles/media.ts b/src/utils/styles/media.ts
@@ -4,6 +4,7 @@ export const breakpoints = {
   small: 576,
   medium: 768,
   large: 1024,
+  container: 1240,
   xlarge: 1275,
 };