From 38d5e25c60c6f0dd1bc3486fb6a112758a66ffd8 Mon Sep 17 00:00:00 2001 From: rsandb Date: Tue, 3 Jan 2023 23:11:16 -0600 Subject: [PATCH] fixed breakpoint issue on mobile. last commit --- website/src/styles/Theme/index.ts | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/website/src/styles/Theme/index.ts b/website/src/styles/Theme/index.ts index 11edd8f3..0c43eddd 100644 --- a/website/src/styles/Theme/index.ts +++ b/website/src/styles/Theme/index.ts @@ -14,6 +14,14 @@ const components = { Container: containerTheme, }; +const breakpoints = { + sm: "640px", + md: "768px", + lg: "1024px", + xl: "1280px", + "2xl": "1536px", +}; + const styles: Styles = { global: (props) => ({ "*": { @@ -34,4 +42,4 @@ const styles: Styles = { }), }; -export const theme = extendTheme({ colors, config, styles, components }); +export const theme = extendTheme({ colors, config, styles, components, breakpoints });