From 47ba23f6e5dd5b744135ed46dbe76fac100df4a7 Mon Sep 17 00:00:00 2001 From: Jakub Szymczak Date: Tue, 8 Oct 2024 11:05:11 +0200 Subject: [PATCH] fix design comments --- src/components/Search/SearchRouter/SearchRouterList.tsx | 1 + src/components/Search/SearchRouter/SearchRouterModal.tsx | 2 +- src/styles/index.ts | 4 ++-- src/styles/utils/spacing.ts | 4 ++++ 4 files changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/Search/SearchRouter/SearchRouterList.tsx b/src/components/Search/SearchRouter/SearchRouterList.tsx index a58ea969d28f..70abc5c89550 100644 --- a/src/components/Search/SearchRouter/SearchRouterList.tsx +++ b/src/components/Search/SearchRouter/SearchRouterList.tsx @@ -185,6 +185,7 @@ function SearchRouterList( onLayout={setPerformanceTimersEnd} ref={ref} showScrollIndicator={!isSmallScreenWidth} + sectionTitleStyles={styles.mhn2} /> ); } diff --git a/src/components/Search/SearchRouter/SearchRouterModal.tsx b/src/components/Search/SearchRouter/SearchRouterModal.tsx index c44b66044ab3..7e403461dd34 100644 --- a/src/components/Search/SearchRouter/SearchRouterModal.tsx +++ b/src/components/Search/SearchRouter/SearchRouterModal.tsx @@ -17,7 +17,7 @@ function SearchRouterModal() { type={modalType} fullscreen isVisible={isSearchRouterDisplayed} - popoverAnchorPosition={{right: 20, top: 20}} + popoverAnchorPosition={{right: 6, top: 6}} onClose={closeSearchRouter} > {isSearchRouterDisplayed && } diff --git a/src/styles/index.ts b/src/styles/index.ts index 8220389867d9..b81d76c8d7d9 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -3615,8 +3615,8 @@ const styles = (theme: ThemeColors) => searchInputStyle: { color: theme.textSupporting, - fontSize: 13, - lineHeight: 16, + fontSize: variables.fontSizeNormal, + lineHeight: variables.fontSizeNormalHeight, }, searchRouterTextInputContainer: { diff --git a/src/styles/utils/spacing.ts b/src/styles/utils/spacing.ts index c2008d8a68f0..9f741c9d925b 100644 --- a/src/styles/utils/spacing.ts +++ b/src/styles/utils/spacing.ts @@ -55,6 +55,10 @@ export default { marginHorizontal: 32, }, + mhn2: { + marginHorizontal: -8, + }, + mhn5: { marginHorizontal: -20, },