diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-03-12 14:57:12 -0500 |
|---|---|---|
| committer | Ivan Chen <ivan@tagg.id> | 2021-03-12 14:57:12 -0500 |
| commit | 2c9b2cf69d6e2fba44bcecb2636f51c94b8a64dd (patch) | |
| tree | 43555e2dc1edbb7b0719fbf61ed621868a79f0bb /src/components/common | |
| parent | ce249470ea656e78df3f2c744f032aa90659cb91 (diff) | |
fixed layout issue on smaller screens
Diffstat (limited to 'src/components/common')
| -rw-r--r-- | src/components/common/GradientBorderButton.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/common/GradientBorderButton.tsx b/src/components/common/GradientBorderButton.tsx index 00ea7175..00f46a96 100644 --- a/src/components/common/GradientBorderButton.tsx +++ b/src/components/common/GradientBorderButton.tsx @@ -4,7 +4,7 @@ import {StyleSheet, Text, View} from 'react-native'; import {TouchableOpacity} from 'react-native-gesture-handler'; import LinearGradient from 'react-native-linear-gradient'; import {TAGG_LIGHT_BLUE_2, TAGG_PURPLE} from '../../constants'; -import {normalize} from '../../utils'; +import {normalize, SCREEN_WIDTH} from '../../utils'; interface GradientBorderButtonProps { text: string; @@ -45,7 +45,7 @@ const styles = StyleSheet.create({ marginVertical: 15, }, gradientContainer: { - width: 175, + width: SCREEN_WIDTH / 2 - 40, height: 40, }, label: { @@ -57,7 +57,7 @@ const styles = StyleSheet.create({ }, textContainer: { position: 'absolute', - width: 175, + width: SCREEN_WIDTH / 2 - 40, height: 40, justifyContent: 'center', alignItems: 'center', |