Skip to content

Commit

Permalink
Merge pull request #1219 from gsoft-inc/feature/1218
Browse files Browse the repository at this point in the history
changed XL size
  • Loading branch information
fraincs committed May 24, 2023
2 parents 93604d6 + 5974212 commit dff8ec1
Show file tree
Hide file tree
Showing 7 changed files with 12 additions and 7 deletions.
5 changes: 5 additions & 0 deletions .changeset/strange-crabs-dance.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"@orbit-ui/components": major
---

Modified the XL responsive viewport value
4 changes: 2 additions & 2 deletions .storybook/preview.js
Original file line number Diff line number Diff line change
Expand Up @@ -95,9 +95,9 @@ export const parameters = {
}
},
xl: {
name: "xl (1536px)",
name: "xl (1440px)",
styles: {
width: "1536px",
width: "1440px",
height: "100%"
}
}
Expand Down
2 changes: 1 addition & 1 deletion .storybook/utils/paramsBuilder.js
Original file line number Diff line number Diff line change
Expand Up @@ -69,7 +69,7 @@ class ParamsBuilder {
}

withBreakpoints() {
this._viewports = [640, 768, 1024, 1280, 1536];
this._viewports = [640, 768, 1024, 1280, 1440];

return this;
}
Expand Down
2 changes: 1 addition & 1 deletion docs/features/ResponsiveStyles.stories.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ The following responsive breakpoints are supported by Orbit [style props](?path=
["sm", "min-width: 768px"],
["md", "min-width: 1024px"],
["lg", "min-width: 1280px"],
["xl", "min-width: 1536px"]
["xl", "min-width: 1440px"]
]}
style={{
marginTop: "24px",
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { Div } from "@components/html";
import { Grid, Inline, Stack, fitContent, minmax, repeat } from "@components/layout";
import { ComponentMeta, ComponentStoryObj } from "@storybook/react";

const viewports = [640, 768, 1024, 1280, 1536];
const viewports = [640, 768, 1024, 1280, 1440];

export default {
title: "Chromatic/Grid",
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/styling/src/BreakpointProvider.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export const Breakpoints = {
sm: "(min-width: 768px)",
md: "(min-width: 1024px)",
lg: "(min-width: 1280px)",
xl: "(min-width: 1536px)"
xl: "(min-width: 1440px)"
};
/* eslint-enable sort-keys-fix/sort-keys-fix */

Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { Box } from "@components/box";
import { ComponentMeta, ComponentStoryObj } from "@storybook/react";

const viewports = [640, 768, 1024, 1280, 1536];
const viewports = [640, 768, 1024, 1280, 1440];

// eslint-disable-next-line storybook/csf-component
export default {
Expand Down

0 comments on commit dff8ec1

Please sign in to comment.