From 1594e416025c7af158880cc6532fab631549b049 Mon Sep 17 00:00:00 2001 From: Mohamed Boudra Date: Sat, 4 Apr 2026 12:52:10 +0700 Subject: [PATCH] fix(app): vertically center open-project screen content Add paddingBottom to the content area equal to the header height so the visual center accounts for the header above, keeping TitlebarDragRegion scoped to the content area for Electron window dragging. --- packages/app/src/screens/open-project-screen.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/app/src/screens/open-project-screen.tsx b/packages/app/src/screens/open-project-screen.tsx index 073301177..65e64902a 100644 --- a/packages/app/src/screens/open-project-screen.tsx +++ b/packages/app/src/screens/open-project-screen.tsx @@ -8,7 +8,7 @@ import { MenuHeader } from "@/components/headers/menu-header"; import { useOpenProjectPicker } from "@/hooks/use-open-project-picker"; import { usePanelStore } from "@/stores/panel-store"; import { useSessionStore } from "@/stores/session-store"; -import { isCompactFormFactor } from "@/constants/layout"; +import { isCompactFormFactor, HEADER_INNER_HEIGHT, HEADER_INNER_HEIGHT_MOBILE, HEADER_TOP_PADDING_MOBILE } from "@/constants/layout"; import { TitlebarDragRegion } from "@/components/desktop/titlebar-drag-region"; export function OpenProjectScreen({ serverId }: { serverId: string }) { @@ -59,11 +59,15 @@ const styles = StyleSheet.create((theme) => ({ }, content: { position: "relative", - flexGrow: 1, + flex: 1, justifyContent: "center", alignItems: "center", gap: 0, padding: theme.spacing[6], + paddingBottom: { + xs: HEADER_INNER_HEIGHT_MOBILE + HEADER_TOP_PADDING_MOBILE + theme.spacing[6], + md: HEADER_INNER_HEIGHT + theme.spacing[6], + }, }, logo: { marginBottom: theme.spacing[8],