From 8328a7a9f7dfe40af56ed626cd647bd3739d4fcd Mon Sep 17 00:00:00 2001
From: Steve Ruiz <steveruizok@gmail.com>
Date: Tue, 23 Nov 2021 15:29:11 +0000
Subject: [PATCH] add large breakpoint for undo/redo

---
 packages/tldraw/src/components/TopPanel/TopPanel.tsx | 2 +-
 packages/tldraw/src/components/breakpoints.tsx       | 1 +
 packages/tldraw/src/styles/stitches.config.ts        | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/tldraw/src/components/TopPanel/TopPanel.tsx b/packages/tldraw/src/components/TopPanel/TopPanel.tsx
index 10c487927..0fcf56249 100644
--- a/packages/tldraw/src/components/TopPanel/TopPanel.tsx
+++ b/packages/tldraw/src/components/TopPanel/TopPanel.tsx
@@ -83,7 +83,7 @@ const MobileOnly = styled('div', {
       small: {
         display: 'inherit',
       },
-      medium: {
+      large: {
         display: 'none',
       },
     },
diff --git a/packages/tldraw/src/components/breakpoints.tsx b/packages/tldraw/src/components/breakpoints.tsx
index 6100e1bdb..cfac67ca1 100644
--- a/packages/tldraw/src/components/breakpoints.tsx
+++ b/packages/tldraw/src/components/breakpoints.tsx
@@ -8,4 +8,5 @@ export const breakpoints: any = {
   '@micro': 'micro',
   '@sm': 'small',
   '@md': 'medium',
+  '@lg': 'large',
 }
diff --git a/packages/tldraw/src/styles/stitches.config.ts b/packages/tldraw/src/styles/stitches.config.ts
index e1feafc0e..63c5aa7c6 100644
--- a/packages/tldraw/src/styles/stitches.config.ts
+++ b/packages/tldraw/src/styles/stitches.config.ts
@@ -77,6 +77,7 @@ const { styled, createTheme } = createStitches({
     micro: '(max-width: 370px)',
     sm: '(min-width: 640px)',
     md: '(min-width: 768px)',
+    lg: '(min-width: 1024px)',
   },
   utils: {
     zStrokeWidth: () => (value: number | number[]) => {