diff options
| author | Ivan Chen <ivan@tagg.id> | 2021-04-09 19:49:27 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-04-09 19:49:27 -0400 |
| commit | 9d5ad9bea36c0b2abffd04b25126d18158017137 (patch) | |
| tree | 7d7c58cbdb67e3e0945a6ed2ccaa658f0048e887 /src/components/profile/ToggleButton.tsx | |
| parent | a6580f418e87775a5e683e56735952df4f7fa5a9 (diff) | |
| parent | ad9db5ffd0b2fb6334fd8237e0600a76d25c7053 (diff) | |
Merge pull request #356 from shravyaramesh/tma767-message-button
[TMA767] Message button
Diffstat (limited to 'src/components/profile/ToggleButton.tsx')
| -rw-r--r-- | src/components/profile/ToggleButton.tsx | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/src/components/profile/ToggleButton.tsx b/src/components/profile/ToggleButton.tsx index 236d811c..4697d744 100644 --- a/src/components/profile/ToggleButton.tsx +++ b/src/components/profile/ToggleButton.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import {StyleSheet, Text} from 'react-native'; import {TouchableOpacity} from 'react-native-gesture-handler'; import {TAGG_LIGHT_BLUE} from '../../constants'; -import {getToggleButtonText, SCREEN_WIDTH} from '../../utils'; +import {getToggleButtonText, normalize, SCREEN_WIDTH} from '../../utils'; type ToggleButtonProps = { toggleState: boolean; @@ -34,15 +34,17 @@ const styles = StyleSheet.create({ button: { justifyContent: 'center', alignItems: 'center', - width: SCREEN_WIDTH * 0.4, + width: SCREEN_WIDTH * 0.42, height: SCREEN_WIDTH * 0.08, borderColor: TAGG_LIGHT_BLUE, - borderWidth: 3, - borderRadius: 5, + borderWidth: 2, + borderRadius: 3, marginRight: '2%', }, text: { - fontWeight: 'bold', + fontWeight: '700', + fontSize: normalize(15), + letterSpacing: 1, }, buttonColor: { backgroundColor: TAGG_LIGHT_BLUE, |