diff options
Diffstat (limited to 'src/view/com/search/HeaderWithInput.tsx')
-rw-r--r-- | src/view/com/search/HeaderWithInput.tsx | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/src/view/com/search/HeaderWithInput.tsx b/src/view/com/search/HeaderWithInput.tsx index f5829c02f..d44673717 100644 --- a/src/view/com/search/HeaderWithInput.tsx +++ b/src/view/com/search/HeaderWithInput.tsx @@ -4,7 +4,6 @@ import { FontAwesomeIcon, FontAwesomeIconStyle, } from '@fortawesome/react-native-fontawesome' -import {UserAvatar} from 'view/com/util/UserAvatar' import {Text} from 'view/com/util/text/Text' import {MagnifyingGlassIcon} from 'lib/icons' import {useTheme} from 'lib/ThemeContext' @@ -58,7 +57,7 @@ export function HeaderWithInput({ accessibilityRole="button" accessibilityLabel="Menu" accessibilityHint="Access navigation links and settings"> - <UserAvatar size={30} avatar={store.me.avatar} /> + <FontAwesomeIcon icon="bars" size={18} color={pal.colors.textLight} /> </TouchableOpacity> <View style={[ @@ -87,6 +86,8 @@ export function HeaderWithInput({ accessibilityRole="search" accessibilityLabel="Search" accessibilityHint="" + autoCorrect={false} + autoCapitalize="none" /> {query ? ( <TouchableOpacity @@ -119,6 +120,7 @@ const styles = StyleSheet.create({ header: { flexDirection: 'row', alignItems: 'center', + justifyContent: 'center', paddingHorizontal: 12, paddingVertical: 4, }, @@ -126,7 +128,10 @@ const styles = StyleSheet.create({ width: 30, height: 30, borderRadius: 30, - marginHorizontal: 6, + marginRight: 6, + paddingBottom: 2, + alignItems: 'center', + justifyContent: 'center', }, headerSearchContainer: { flex: 1, |