diff --git a/src/components/ActionBar/ActionBar.test.tsx b/src/components/ActionBar/ActionBar.test.tsx index 8c22f84..01c16d1 100644 --- a/src/components/ActionBar/ActionBar.test.tsx +++ b/src/components/ActionBar/ActionBar.test.tsx @@ -14,7 +14,7 @@ describe(' 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 index d415ac4..6720235 100644 --- 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 index 2999778..7c3114e 100644 --- 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, };