gave the drawer bigger width, also removed X icon

ever-co · Oct 21, 2023 · c5160d5 · c5160d5
1 parent 1ac3959
commit c5160d5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 10 deletions.
diff --git a/apps/mobile/app/components/HamburgerMenu.tsx b/apps/mobile/app/components/HamburgerMenu.tsx
@@ -199,6 +199,7 @@ const HamburgerMenu = observer((props: any) => {
 				{isOpen && (
 					<BlurView
 						intensity={15}
+						onTouchStart={() => navigation.closeDrawer()}
 						tint="dark"
 						style={{
 							position: "absolute",
@@ -209,14 +210,6 @@ const HamburgerMenu = observer((props: any) => {
 						}}
 					/>
 				)}
-				{isOpen ? (
-					<TouchableOpacity
-						style={[styles.close, { backgroundColor: colors.background }]}
-						onPress={() => navigation.closeDrawer()}
-					>
-						<Text style={{ color: colors.primary }}>X</Text>
-					</TouchableOpacity>
-				) : null}
 			</View>
 		</TouchableWithoutFeedback>
 	)
@@ -244,7 +237,7 @@ const styles = StyleSheet.create({
 	},
 	container: {
 		flex: 1,
-		paddingHorizontal: 20,
+		paddingHorizontal: 50,
 	},
 	headerIconsContainer: {
 		flexDirection: "row",

diff --git a/apps/mobile/app/navigators/AuthenticatedNavigator.tsx b/apps/mobile/app/navigators/AuthenticatedNavigator.tsx
@@ -228,7 +228,7 @@ export const AuthenticatedNavigator = observer(function AuthenticatedNavigator()
 	return (
 		<drawer.Navigator
 			drawerContent={(props) => <HamburgerMenu {...props} />}
-			screenOptions={{ headerShown: false, drawerPosition: "right" }}
+			screenOptions={{ headerShown: false, drawerPosition: "right", drawerStyle: { width: "83%" } }}
 		>
 			<drawer.Screen name="AuthenticatedTab" component={TabNavigator} />
 			<drawer.Screen name="Setting" component={AuthenticatedSettingScreen} />