header styling refactor

Emurgo · Apr 1, 2023 · 1d1f2cb · 1d1f2cb
1 parent 2c9ab98
commit 1d1f2cb
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/.storybook/storybook.requires.js b/.storybook/storybook.requires.js
@@ -120,7 +120,6 @@ const getStories = () => {
     "./src/Receive/Addresses.stories.tsx": require("../src/Receive/Addresses.stories.tsx"),
     "./src/Receive/AddressModal.stories.tsx": require("../src/Receive/AddressModal.stories.tsx"),
     "./src/Receive/ReceiveScreen.stories.tsx": require("../src/Receive/ReceiveScreen.stories.tsx"),
-    "./src/Search/SearchBar.stories.tsx": require("../src/Search/SearchBar.stories.tsx"),
     "./src/SelectedWallet/WalletSelection/WalletSelectionScreen.stories.tsx": require("../src/SelectedWallet/WalletSelection/WalletSelectionScreen.stories.tsx"),
     "./src/Settings/ApplicationSettings/ApplicationSettingsScreen.stories.tsx": require("../src/Settings/ApplicationSettings/ApplicationSettingsScreen.stories.tsx"),
     "./src/Settings/ChangeLanguage/ChangeLanguageScreen.stories.tsx": require("../src/Settings/ChangeLanguage/ChangeLanguageScreen.stories.tsx"),

diff --git a/src/Search/SearchHeader.tsx b/src/Search/SearchHeader.tsx
@@ -18,7 +18,7 @@ export const useSearchHeaderOptions = ({placeHolderText, title}) => {
     ? {
         ...defaultStackNavigationOptionsV2,
         headerTitle: () => <SearchHeader placeholder={placeHolderText} />,
-        headerRight: () => <CloseButton onPress={handleSearchClose} />,
+        headerRight: () => <CloseButton /* style={{flex: 1,paddingRight: 10}}  */ onPress={handleSearchClose} />,
         headerTitleContainerStyle: {
           flex: 1,
         },

diff --git a/src/components/Icon/Cross.tsx b/src/components/Icon/Cross.tsx
@@ -7,7 +7,7 @@ type Props = {
 }
 
 export const Cross = ({size = 36, color = 'black'}: Props) => (
-  <Svg width={size} height={size} viewBox="-2 -2 20 20">
+  <Svg width={size} height={size} viewBox="0 -2 21 21">
     <Path
       d="M15.7071 1.70711C16.0976 1.31658 16.0976 0.683417 15.7071 0.292893C15.3166 -0.0976311 14.6834 -0.0976311 14.2929 0.292893L8 6.58579L1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L6.58579 8L0.292893 14.2929C-0.0976311 14.6834 -0.0976311 15.3166 0.292893 15.7071C0.683417 16.0976 1.31658 16.0976 1.70711 15.7071L8 9.41421L14.2929 15.7071C14.6834 16.0976 15.3166 16.0976 15.7071 15.7071C16.0976 15.3166 16.0976 14.6834 15.7071 14.2929L9.41421 8L15.7071 1.70711Z"
       fill={color}

diff --git a/src/navigation.ts b/src/navigation.ts
@@ -39,6 +39,12 @@ export const defaultStackNavigationOptionsV2: StackNavigationOptions = {
     alignItems: 'center',
     flex: 1,
   },
+  headerLeftContainerStyle: {
+    paddingLeft: Platform.OS === 'ios' ? 8 : undefined,
+  },
+  headerRightContainerStyle: {
+    paddingRight: Platform.OS === 'ios' ? 8 : undefined,
+  },
 }
 
 export const defaultStackNavigationOptions: StackNavigationOptions = {