diff options
| -rw-r--r-- | src/components/common/GradientBorderButton.tsx | 5 | ||||
| -rw-r--r-- | src/routes/main/MainStackScreen.tsx | 21 |
2 files changed, 21 insertions, 5 deletions
diff --git a/src/components/common/GradientBorderButton.tsx b/src/components/common/GradientBorderButton.tsx index 00f46a96..32ac5c52 100644 --- a/src/components/common/GradientBorderButton.tsx +++ b/src/components/common/GradientBorderButton.tsx @@ -46,11 +46,12 @@ const styles = StyleSheet.create({ }, gradientContainer: { width: SCREEN_WIDTH / 2 - 40, - height: 40, + height: 43, }, label: { fontWeight: '500', fontSize: normalize(14), + textAlign: 'center', }, maskBorder: { borderRadius: 20, @@ -58,7 +59,7 @@ const styles = StyleSheet.create({ textContainer: { position: 'absolute', width: SCREEN_WIDTH / 2 - 40, - height: 40, + height: 43, justifyContent: 'center', alignItems: 'center', }, diff --git a/src/routes/main/MainStackScreen.tsx b/src/routes/main/MainStackScreen.tsx index 95d45d32..35c306e5 100644 --- a/src/routes/main/MainStackScreen.tsx +++ b/src/routes/main/MainStackScreen.tsx @@ -264,11 +264,21 @@ export const headerBarOptions: ( height={normalize(18)} width={normalize(18)} color={color} - style={styles.backButton} + style={[ + styles.backButton, + color === 'white' ? styles.backButtonShadow : {}, + ]} /> ), headerTitle: () => ( - <Text style={[styles.headerTitle, {color: color}]}>{title}</Text> + <Text + style={[ + styles.headerTitle, + {color: color}, + {fontSize: title.length > 18 ? normalize(14) : normalize(16)}, + ]}> + {title} + </Text> ), }); @@ -290,8 +300,13 @@ const styles = StyleSheet.create({ backButton: { marginLeft: 30, }, + backButtonShadow: { + shadowColor: 'black', + shadowRadius: 3, + shadowOpacity: 0.7, + shadowOffset: {width: 0, height: 0}, + }, headerTitle: { - fontSize: normalize(16), letterSpacing: normalize(1.3), fontWeight: '700', }, |