diff --git a/app/screens/home/account/account.tsx b/app/screens/home/account/account.tsx index 3ec68e9029..814eb28187 100644 --- a/app/screens/home/account/account.tsx +++ b/app/screens/home/account/account.tsx @@ -110,7 +110,6 @@ const AccountScreen = ({currentUser, enableCustomUserStatuses, customStatusExpir style={[styles.flexRow, animated]} > diff --git a/app/screens/home/account/components/options/index.tsx b/app/screens/home/account/components/options/index.tsx index f910870b65..c90b07cd39 100644 --- a/app/screens/home/account/components/options/index.tsx +++ b/app/screens/home/account/components/options/index.tsx @@ -2,10 +2,8 @@ // See LICENSE.txt for license information. import React from 'react'; -import {useWindowDimensions, View} from 'react-native'; -import {Shadow} from 'react-native-neomorph-shadows'; +import {View} from 'react-native'; -import {View as ViewConstants} from '@constants'; import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme'; import CustomStatus from './custom_status'; @@ -28,10 +26,14 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => { return { container: { backgroundColor: theme.centerChannelBg, - flex: 1, + height: '100%', borderTopRightRadius: 12, borderTopLeftRadius: 12, paddingTop: 12, + shadowColor: 'rgba(0, 0, 0, 0.12)', + shadowOffset: {width: 0, height: -2}, + shadowOpacity: 1, + shadowRadius: 6, }, divider: { backgroundColor: changeOpacity(theme.centerChannelColor, 0.2), @@ -48,46 +50,33 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => { const AccountOptions = ({user, enableCustomUserStatuses, isCustomStatusExpirySupported, isTablet, theme}: AccountScreenProps) => { const styles = getStyleSheet(theme); - const dimensions = useWindowDimensions(); - const width = dimensions.width - (isTablet ? ViewConstants.TABLET_SIDEBAR_WIDTH : 0); return ( - - - - - {enableCustomUserStatuses && - } - - - - - - - - - - + + + + {enableCustomUserStatuses && + } - + + + + + + + + + + ); };