From a7c421ce9e053a5807ad98b3996e1dd0bb676a7d Mon Sep 17 00:00:00 2001
From: Steve Ruiz <steveruizok@gmail.com>
Date: Sat, 14 Oct 2023 10:04:23 +0100
Subject: [PATCH] Add data breakpoint to layout css (#2076)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This PR adds `data-breakpoint` to the `tlui-layout`.

### Change Type

- [x] `minor` — New feature
---
 packages/tldraw/src/lib/ui/TldrawUi.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/tldraw/src/lib/ui/TldrawUi.tsx b/packages/tldraw/src/lib/ui/TldrawUi.tsx
index 88accbd32..fd2bbb207 100644
--- a/packages/tldraw/src/lib/ui/TldrawUi.tsx
+++ b/packages/tldraw/src/lib/ui/TldrawUi.tsx
@@ -136,6 +136,7 @@ const TldrawUiContent = React.memo(function TldrawUI({
 				className={classNames('tlui-layout', {
 					'tlui-layout__mobile': breakpoint < 5,
 				})}
+				data-breakpoint={breakpoint}
 			>
 				{isFocusMode ? (
 					<div className="tlui-layout__top">