diff options
| author | Shravya Ramesh <37447613+shravyaramesh@users.noreply.github.com> | 2020-12-08 20:18:07 -0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-12-08 23:18:07 -0500 |
| commit | 0cb19c5b173d4cf6ba67378cbffd61abac7f18c3 (patch) | |
| tree | cbc32b3b53bd30b0aa8449eb1d572c34babb8857 /src/components/moments | |
| parent | 792115326fc6af583f422082537885bc8061d051 (diff) | |
[TMA-338, TMA-400] Zoom out on profile page and adjust follow/block button touchable opacity (#132)
* changed dimensions of username, bio, website, moment tiles; Changed padding in profile body; Added padding between moment tiles;
* adjusted spacing between profile cutout and body
* adjusting space below profile cutout accoring to device
* Ensuring userId exists before loading taggs
* Made tagg icons responsive according to device dimensions
* shoft profile picture to the left
* Fix bug
* small
* flex
* flex remove
* Shrunk taggs bar icons and readjusted padding around it
Co-authored-by: Ashm Walia <ashmwalia@outlook.com>
Diffstat (limited to 'src/components/moments')
| -rw-r--r-- | src/components/moments/Moment.tsx | 12 | ||||
| -rw-r--r-- | src/components/moments/MomentTile.tsx | 1 |
2 files changed, 7 insertions, 6 deletions
diff --git a/src/components/moments/Moment.tsx b/src/components/moments/Moment.tsx index 0c8febcf..e928f7e0 100644 --- a/src/components/moments/Moment.tsx +++ b/src/components/moments/Moment.tsx @@ -80,7 +80,7 @@ const Moment: React.FC<MomentProps> = ({ <LinearGradient colors={['rgba(105, 141, 211, 1)', 'rgba(105, 141, 211, 0.3)']}> <View style={styles.defaultImage}> - <BigPlusIcon width={50} height={50} /> + <BigPlusIcon width={24} height={24} /> <Text style={styles.defaultImageText}> Add a moment of your {title.toLowerCase()}! </Text> @@ -101,7 +101,7 @@ const styles = StyleSheet.create({ }, header: { flex: 1, - paddingHorizontal: 10, + paddingLeft: '3%', padding: 5, paddingTop: 20, backgroundColor: 'white', @@ -115,7 +115,7 @@ const styles = StyleSheet.create({ color: TAGG_TEXT_LIGHT_BLUE, }, scrollContainer: { - height: SCREEN_WIDTH / 2, + height: SCREEN_WIDTH / 3.25, backgroundColor: '#eee', }, defaultImage: { @@ -126,11 +126,11 @@ const styles = StyleSheet.create({ flexDirection: 'column', }, defaultImageText: { - fontSize: 20, - paddingTop: 20, + fontSize: 14, + paddingTop: 10, color: 'white', fontWeight: 'bold', - width: '75%', + width: '80%', textAlign: 'center', }, }); diff --git a/src/components/moments/MomentTile.tsx b/src/components/moments/MomentTile.tsx index cc24c531..05ccfa15 100644 --- a/src/components/moments/MomentTile.tsx +++ b/src/components/moments/MomentTile.tsx @@ -39,6 +39,7 @@ const styles = StyleSheet.create({ alignItems: 'center', justifyContent: 'center', flexDirection: 'column', + marginRight: 5, }, }); export default MomentTile; |