diff --git a/packages/app/src/components/headers/menu-header.tsx b/packages/app/src/components/headers/menu-header.tsx index f6a8623f6..83b9dabba 100644 --- a/packages/app/src/components/headers/menu-header.tsx +++ b/packages/app/src/components/headers/menu-header.tsx @@ -10,6 +10,7 @@ import { getShortcutOs } from "@/utils/shortcut-platform"; interface MenuHeaderProps { title?: string; rightContent?: ReactNode; + borderless?: boolean; } interface SidebarMenuToggleProps { @@ -75,7 +76,7 @@ export function SidebarMenuToggle({ ); } -export function MenuHeader({ title, rightContent }: MenuHeaderProps) { +export function MenuHeader({ title, rightContent, borderless }: MenuHeaderProps) { return ( ); } diff --git a/packages/app/src/components/headers/screen-header.tsx b/packages/app/src/components/headers/screen-header.tsx index 4d499fb77..5cfb6dd48 100644 --- a/packages/app/src/components/headers/screen-header.tsx +++ b/packages/app/src/components/headers/screen-header.tsx @@ -15,13 +15,14 @@ interface ScreenHeaderProps { right?: ReactNode; leftStyle?: StyleProp; rightStyle?: StyleProp; + borderless?: boolean; } /** * Shared frame for the home/back headers so we only maintain padding, border, * and safe-area logic in one place. */ -export function ScreenHeader({ left, right, leftStyle, rightStyle }: ScreenHeaderProps) { +export function ScreenHeader({ left, right, leftStyle, rightStyle, borderless }: ScreenHeaderProps) { const { theme } = useUnistyles(); const insets = useSafeAreaInsets(); const isMobile = UnistylesRuntime.breakpoint === "xs" || UnistylesRuntime.breakpoint === "sm"; @@ -47,6 +48,7 @@ export function ScreenHeader({ left, right, leftStyle, rightStyle }: ScreenHeade paddingLeft: baseHorizontalPadding + collapsedSidebarInset.left, paddingRight: baseHorizontalPadding + collapsedSidebarInset.right, }, + borderless && styles.borderless, ]} {...dragHandlers} > @@ -87,4 +89,7 @@ const styles = StyleSheet.create((theme) => ({ alignItems: "center", gap: theme.spacing[2], }, + borderless: { + borderBottomWidth: 0, + }, }));