diff options
| author | Shravya Ramesh <shravs1208@gmail.com> | 2021-04-08 12:30:23 -0700 |
|---|---|---|
| committer | Shravya Ramesh <shravs1208@gmail.com> | 2021-04-09 10:14:06 -0700 |
| commit | 123a728707f7cbc527c486a8b306716962e4bd47 (patch) | |
| tree | a67079a356e86f86bd5cf98058197a53b6ff9d23 /src/components/profile/ToggleButton.tsx | |
| parent | fb5cca5bd8aff7232c2ab5e01df0e79dddbef504 (diff) | |
Added new button and resytles existing buttons
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..ad05c1c4 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: 1, + borderRadius: 2, marginRight: '2%', }, text: { - fontWeight: 'bold', + fontWeight: '700', + fontSize: normalize(15), + letterSpacing: 1, }, buttonColor: { backgroundColor: TAGG_LIGHT_BLUE, |