diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-03-16 14:16:07 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-03-16 14:16:07 -0400 |
| commit | 1bd6b980518c980c074119b5b62eb4f9d5beacfa (patch) | |
| tree | 795d3f112738cc7df39b6d29db754db13a4f7081 /src | |
| parent | 076a4895a16cf0c8323c365289b7ec4316e7b567 (diff) | |
| parent | 52382c57257a4d0a03742c9ff07eb3f458385527 (diff) | |
Merge pull request #300 from IvanIFChen/hotifx-discover-user-layout
[HOTFIX] Discover User Layout
Diffstat (limited to 'src')
| -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', }, |