aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/components/profile/ProfileHeader.tsx32
-rw-r--r--src/components/profile/ProfileMoreInfoDrawer.tsx1
-rw-r--r--src/components/profile/UniversityIcon.tsx7
3 files changed, 22 insertions, 18 deletions
diff --git a/src/components/profile/ProfileHeader.tsx b/src/components/profile/ProfileHeader.tsx
index 9c91c079..8c7a3301 100644
--- a/src/components/profile/ProfileHeader.tsx
+++ b/src/components/profile/ProfileHeader.tsx
@@ -79,44 +79,46 @@ const ProfileHeader: React.FC<ProfileHeaderProps> = ({
const styles = StyleSheet.create({
container: {
- top: PROFILE_CUTOUT_TOP_Y * 0.96,
+ top: PROFILE_CUTOUT_TOP_Y * 1.02,
width: '100%',
position: 'absolute',
+ // borderWidth: 1,
},
row: {
flexDirection: 'row',
},
header: {
flexDirection: 'column',
- justifyContent: 'center',
+ justifyContent: 'space-evenly',
alignItems: 'center',
- marginTop: SCREEN_WIDTH / 18.2,
- marginLeft: SCREEN_WIDTH / 8,
- marginBottom: SCREEN_WIDTH / 50,
+ marginRight: '15%',
+ marginLeft: '5%',
+ flex: 1,
+ // borderWidth: 1,
},
avatar: {
- bottom: SCREEN_WIDTH / 80,
- left: '10%',
+ marginLeft: '3%',
+ top: '-8%',
},
name: {
- marginLeft: SCREEN_WIDTH / 8,
fontSize: 17,
fontWeight: '500',
alignSelf: 'center',
+ // borderWidth: 1,
},
friends: {
- alignSelf: 'flex-start',
- marginRight: SCREEN_WIDTH / 20,
+ // borderWidth: 1,
},
university: {
- alignSelf: 'flex-end',
- bottom: 3,
+ // borderWidth: 1,
},
friendsAndUniversity: {
flexDirection: 'row',
- flex: 1,
- marginLeft: SCREEN_WIDTH / 10,
- marginTop: SCREEN_WIDTH / 40,
+ alignItems: 'center',
+ justifyContent: 'space-evenly',
+ width: '100%',
+ height: 50,
+ // borderWidth: 1,
},
});
diff --git a/src/components/profile/ProfileMoreInfoDrawer.tsx b/src/components/profile/ProfileMoreInfoDrawer.tsx
index 76f0f27f..26a4756a 100644
--- a/src/components/profile/ProfileMoreInfoDrawer.tsx
+++ b/src/components/profile/ProfileMoreInfoDrawer.tsx
@@ -107,7 +107,6 @@ const styles = StyleSheet.create({
more: {
position: 'absolute',
right: '5%',
- marginTop: '4%',
zIndex: 1,
},
});
diff --git a/src/components/profile/UniversityIcon.tsx b/src/components/profile/UniversityIcon.tsx
index 13586359..a901998f 100644
--- a/src/components/profile/UniversityIcon.tsx
+++ b/src/components/profile/UniversityIcon.tsx
@@ -38,19 +38,22 @@ const UniversityIcon: React.FC<UniversityIconProps> = ({
const styles = StyleSheet.create({
container: {
- flex: 1,
flexDirection: 'column',
flexWrap: 'wrap',
justifyContent: 'center',
+ alignItems: 'center',
+ height: '100%',
},
univClass: {
fontSize: 13,
fontWeight: '500',
},
icon: {
- alignSelf: 'center',
+ // alignSelf: 'center',
+ // width: '5%',
width: 17,
height: 19,
+ // aspectRatio: 17 / 19,
},
});