diff options
-rw-r--r-- | src/components/moments/CaptionScreenHeader.tsx | 7 | ||||
-rw-r--r-- | src/components/moments/IndividualMomentTitleBar.tsx | 8 | ||||
-rw-r--r-- | src/components/moments/Moment.tsx | 1 | ||||
-rw-r--r-- | src/screens/main/NotificationsScreen.tsx | 1 | ||||
-rw-r--r-- | src/screens/onboarding/OnboardingStepTwo.tsx | 2 | ||||
-rw-r--r-- | src/screens/onboarding/RegistrationTwo.tsx | 2 | ||||
-rw-r--r-- | src/screens/profile/CaptionScreen.tsx | 6 |
7 files changed, 15 insertions, 12 deletions
diff --git a/src/components/moments/CaptionScreenHeader.tsx b/src/components/moments/CaptionScreenHeader.tsx index 46dfddfe..0638c128 100644 --- a/src/components/moments/CaptionScreenHeader.tsx +++ b/src/components/moments/CaptionScreenHeader.tsx @@ -21,18 +21,15 @@ const styles = StyleSheet.create({ flexDirection: 'row', justifyContent: 'center', alignItems: 'center', - height: '5%', }, headerContainer: { - position: 'absolute', - left: '50%', + width: '90%', }, header: { - position: 'relative', - right: '50%', fontSize: 20, fontWeight: 'bold', color: 'white', + textAlign: 'center', }, }); export default CaptionScreenHeader; diff --git a/src/components/moments/IndividualMomentTitleBar.tsx b/src/components/moments/IndividualMomentTitleBar.tsx index 6cdfe0e8..88e0c308 100644 --- a/src/components/moments/IndividualMomentTitleBar.tsx +++ b/src/components/moments/IndividualMomentTitleBar.tsx @@ -18,7 +18,9 @@ const IndividualMomentTitleBar: React.FC<IndividualMomentTitleBarProps> = ({ <TouchableOpacity style={styles.closeButton} onPress={close}> <CloseIcon height={'100%'} width={'100%'} color={'white'} /> </TouchableOpacity> - <Text style={styles.header}>{title}</Text> + <View style={styles.headerContainer}> + <Text style={styles.header}>{title}</Text> + </View> </View> ); }; @@ -30,6 +32,10 @@ const styles = StyleSheet.create({ justifyContent: 'center', height: '5%', }, + headerContainer: { + flexShrink: 1, + marginLeft: '11%', + }, header: { color: 'white', fontSize: normalize(18), diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx index 10cf6070..e972a1ca 100644 --- a/src/components/moments/Moment.tsx +++ b/src/components/moments/Moment.tsx @@ -171,6 +171,7 @@ const styles = StyleSheet.create({ alignItems: 'center', }, titleText: { + width: '80%', fontSize: normalize(16), fontWeight: 'bold', color: TAGG_LIGHT_BLUE, diff --git a/src/screens/main/NotificationsScreen.tsx b/src/screens/main/NotificationsScreen.tsx index 501c44fc..57dea6f5 100644 --- a/src/screens/main/NotificationsScreen.tsx +++ b/src/screens/main/NotificationsScreen.tsx @@ -285,6 +285,7 @@ const NotificationsScreen: React.FC = () => { </View> <SectionList contentContainerStyle={styles.container} + stickySectionHeadersEnabled={false} sections={sectionedNotifications} keyExtractor={(_item, index) => index.toString()} renderItem={renderNotification} diff --git a/src/screens/onboarding/OnboardingStepTwo.tsx b/src/screens/onboarding/OnboardingStepTwo.tsx index 93342c3f..1014981d 100644 --- a/src/screens/onboarding/OnboardingStepTwo.tsx +++ b/src/screens/onboarding/OnboardingStepTwo.tsx @@ -247,7 +247,7 @@ const OnboardingStepTwo: React.FC<OnboardingStepTwoProps> = ({ <TaggInput accessibilityHint="Enter your email." accessibilityLabel="Email input field." - placeholder="Email" + placeholder="School Email" autoCompleteType="email" textContentType="emailAddress" autoCapitalize="none" diff --git a/src/screens/onboarding/RegistrationTwo.tsx b/src/screens/onboarding/RegistrationTwo.tsx index 707e621a..6d7b2226 100644 --- a/src/screens/onboarding/RegistrationTwo.tsx +++ b/src/screens/onboarding/RegistrationTwo.tsx @@ -214,7 +214,7 @@ const RegistrationTwo: React.FC<RegistrationTwoProps> = ({ <TaggInput accessibilityHint="Enter your email." accessibilityLabel="Email input field." - placeholder="Email" + placeholder="School Email" autoCompleteType="email" textContentType="emailAddress" autoCapitalize="none" diff --git a/src/screens/profile/CaptionScreen.tsx b/src/screens/profile/CaptionScreen.tsx index 01e859ba..998897e2 100644 --- a/src/screens/profile/CaptionScreen.tsx +++ b/src/screens/profile/CaptionScreen.tsx @@ -152,10 +152,8 @@ const styles = StyleSheet.create({ position: 'relative', backgroundColor: 'white', width: '100%', - paddingLeft: '2%', - paddingRight: '2%', - paddingBottom: '1%', - paddingTop: '1%', + paddingHorizontal: '2%', + paddingVertical: '1%', height: 60, }, }); |