Make menu same alignment on all screens

This commit is contained in:
Eric Bailey
2024-06-05 14:30:53 -05:00
parent 675d98ae73
commit 9b5b0c2648
3 changed files with 4 additions and 4 deletions
+1 -1
View File
@@ -99,7 +99,7 @@ export function ViewHeader({
style={[styles.backIcon, pal.text]} style={[styles.backIcon, pal.text]}
/> />
) : !isTablet ? ( ) : !isTablet ? (
<Menu size="lg" style={[{marginTop: 4}, pal.textLight]} /> <Menu size="lg" style={[{marginTop: 3}, pal.textLight]} />
) : null} ) : null}
</TouchableOpacity> </TouchableOpacity>
) : null} ) : null}
+1 -1
View File
@@ -148,7 +148,7 @@ export function NotificationsScreen({}: Props) {
return ( return (
<CenteredView <CenteredView
testID="notificationsScreen" testID="notificationsScreen"
style={s.hContentRegion} style={[s.hContentRegion, {paddingTop: 2}]}
sideBorders={true}> sideBorders={true}>
<ViewHeader <ViewHeader
title={_(msg`Notifications`)} title={_(msg`Notifications`)}
+2 -2
View File
@@ -1070,13 +1070,14 @@ function scrollToTopWeb() {
} }
} }
const HEADER_HEIGHT = 50 const HEADER_HEIGHT = 46
const styles = StyleSheet.create({ const styles = StyleSheet.create({
header: { header: {
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
paddingHorizontal: 12, paddingHorizontal: 12,
paddingLeft: 13,
paddingVertical: 4, paddingVertical: 4,
height: HEADER_HEIGHT, height: HEADER_HEIGHT,
// @ts-ignore web only // @ts-ignore web only
@@ -1089,7 +1090,6 @@ const styles = StyleSheet.create({
height: 30, height: 30,
borderRadius: 30, borderRadius: 30,
marginRight: 6, marginRight: 6,
paddingTop: 1,
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
}, },