From 541e4c04cfee79829e5320f6cb2c57bce1ad78e5 Mon Sep 17 00:00:00 2001 From: Mohamed Boudra Date: Mon, 1 Jun 2026 22:29:58 +0700 Subject: [PATCH] Lower compact composer breakpoint to 500, add footer bottom padding --- packages/app/src/composer/index.tsx | 4 ++++ packages/app/src/constants/layout.ts | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/packages/app/src/composer/index.tsx b/packages/app/src/composer/index.tsx index 15a20ba6a..06c18e376 100644 --- a/packages/app/src/composer/index.tsx +++ b/packages/app/src/composer/index.tsx @@ -1785,6 +1785,10 @@ const styles = StyleSheet.create((theme: Theme) => ({ md: -theme.spacing[3], }, alignItems: "center", + paddingBottom: { + xs: 0, + md: theme.spacing[2], + }, }, footerContent: { width: "100%", diff --git a/packages/app/src/constants/layout.ts b/packages/app/src/constants/layout.ts index 578feb84d..cf77d5dc0 100644 --- a/packages/app/src/constants/layout.ts +++ b/packages/app/src/constants/layout.ts @@ -13,7 +13,7 @@ export const HEADER_TOP_PADDING_MOBILE = 8; // Max width for chat content (stream view, input area, new agent form) export const MAX_CONTENT_WIDTH = 820; -export const COMPACT_FORM_FACTOR_WIDTH = 768; +export const COMPACT_FORM_FACTOR_WIDTH = 500; // Desktop app constants for macOS traffic light buttons // These buttons (close/minimize/maximize) overlay the top-left corner