diff --git a/src/pages/home/HomePage.tsx b/src/pages/home/HomePage.tsx index 793ff1d07b23..2f0c95f52df1 100644 --- a/src/pages/home/HomePage.tsx +++ b/src/pages/home/HomePage.tsx @@ -76,19 +76,35 @@ function HomePage() { {!shouldUseNarrowLayout && } {/* Widgets handle their own visibility and may return null to avoid duplicating visibility logic here */} - - - - - - - - - - - - - + {shouldUseNarrowLayout ? ( + <> + + + + + + + + + + + ) : ( + <> + + + + + + + + + + + + + + + )} {shouldDisplayLHB && } diff --git a/src/styles/index.ts b/src/styles/index.ts index 92b007e95afd..8d02b65557e9 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -6532,15 +6532,9 @@ const plainStyles = (theme: ThemeColors) => width: '100%', }) satisfies ViewStyle, - homePageLeftColumn: (shouldUseNarrowLayout: boolean) => - shouldUseNarrowLayout - ? ({width: '100%', flexDirection: 'column', gap: 20} satisfies ViewStyle) - : ({flex: 7, flexBasis: '58.333%', maxWidth: variables.homePageLeftColumnMaxWidth, flexDirection: 'column', gap: 20} satisfies ViewStyle), - - homePageRightColumn: (shouldUseNarrowLayout: boolean) => - shouldUseNarrowLayout - ? ({width: '100%', flexDirection: 'column', gap: 20} satisfies ViewStyle) - : ({flex: 5, flexBasis: '41.667%', maxWidth: variables.homePageRightColumnMaxWidth, flexDirection: 'column', gap: 20} satisfies ViewStyle), + homePageLeftColumn: {flex: 7, flexBasis: '58.333%', maxWidth: variables.homePageLeftColumnMaxWidth, flexDirection: 'column', gap: 20} satisfies ViewStyle, + + homePageRightColumn: {flex: 5, flexBasis: '41.667%', maxWidth: variables.homePageRightColumnMaxWidth, flexDirection: 'column', gap: 20} satisfies ViewStyle, }) satisfies Styles; const styles = (theme: ThemeColors) =>