feat: add custom breakpoints to makeswift

bigcommerce · Nov 8, 2024 · 5226ad5 · 5226ad5
1 parent d8e5c06
commit 5226ad5
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/core/lib/makeswift/runtime.ts b/core/lib/makeswift/runtime.ts
@@ -1,3 +1,10 @@
 import { ReactRuntime } from '@makeswift/runtime/react';
 
-export const runtime = new ReactRuntime();
+export const runtime = new ReactRuntime({
+  breakpoints: {
+    small: { width: 640, viewport: 390, label: 'Small' },
+    medium: { width: 768, viewport: 765, label: 'Medium' },
+    large: { width: 1024, viewport: 1000, label: 'Large' },
+    screen: { width: 1280, label: 'XL' },
+  },
+});