diff options
-rw-r--r-- | src/components/profile/ProfileHeader.tsx | 32 | ||||
-rw-r--r-- | src/components/profile/ProfileMoreInfoDrawer.tsx | 1 | ||||
-rw-r--r-- | src/components/profile/UniversityIcon.tsx | 7 |
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, }, }); |