feat-main/(theme/index.ts): breakpoints setup for resposive

frontendcafe · Sep 6, 2022 · 882351e · 882351e
1 parent 150688d
commit 882351e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/modules/shared/theme/index.ts b/modules/shared/theme/index.ts
@@ -85,4 +85,10 @@ const config: Theme["config"] = {
   useSystemColorMode: false,
 };
 
-export const theme = extendTheme({ colors, components, fonts, config });
+const breakpoints = {
+  mobile: "360px",
+  tablet: "834px",
+  desktop: "1440px",
+};
+
+export const theme = extendTheme({ colors, components, fonts, config, breakpoints });