From fd825d29117ed21a56e49a642aadae98440cfdda Mon Sep 17 00:00:00 2001 From: shydev Date: Wed, 8 Apr 2026 22:17:31 +0530 Subject: [PATCH] fix: align hamburger menu with macOS traffic light buttons (#8300) Signed-off-by: ayush-that --- ui/desktop/src/components/Layout/AppLayout.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/ui/desktop/src/components/Layout/AppLayout.tsx b/ui/desktop/src/components/Layout/AppLayout.tsx index 66d868d2..4ce92748 100644 --- a/ui/desktop/src/components/Layout/AppLayout.tsx +++ b/ui/desktop/src/components/Layout/AppLayout.tsx @@ -146,8 +146,8 @@ const AppLayoutContent: React.FC = ({ activeSessions }) = }; }, [isPushTopNav]); - // Calculate padding based on macOS traffic lights - const headerPadding = safeIsMacOS ? 'pl-21' : 'pl-4'; + const headerPadding = safeIsMacOS ? 'pl-[96px]' : 'pl-4'; + const headerTop = safeIsMacOS ? 'top-[15px]' : 'top-[11px]'; // Determine flex direction based on navigation position (for push mode) const getLayoutClass = () => { @@ -201,7 +201,7 @@ const AppLayoutContent: React.FC = ({ activeSessions }) = ? 'bottom-4 right-6' : cn( headerPadding, - 'top-[11px]', + headerTop, navigationPosition === 'right' ? 'right-6 left-auto' : 'ml-1.5' ) )}