From 0cb19c5b173d4cf6ba67378cbffd61abac7f18c3 Mon Sep 17 00:00:00 2001 From: Shravya Ramesh <37447613+shravyaramesh@users.noreply.github.com> Date: Tue, 8 Dec 2020 20:18:07 -0800 Subject: [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 --- src/constants/constants.ts | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'src/constants/constants.ts') diff --git a/src/constants/constants.ts b/src/constants/constants.ts index 570018b2..c14068c1 100644 --- a/src/constants/constants.ts +++ b/src/constants/constants.ts @@ -1,9 +1,11 @@ -import {SCREEN_WIDTH, SCREEN_HEIGHT} from '../utils'; +import {SCREEN_WIDTH, SCREEN_HEIGHT, isIPhoneX} from '../utils'; export const CHIN_HEIGHT = 34; export const PROFILE_CUTOUT_TOP_Y = SCREEN_HEIGHT / 2.3; -export const PROFILE_CUTOUT_BOTTOM_Y = SCREEN_HEIGHT / 1.8; +export const PROFILE_CUTOUT_BOTTOM_Y = isIPhoneX() + ? SCREEN_HEIGHT / 1.86 + : SCREEN_HEIGHT / 1.76; export const PROFILE_CUTOUT_CORNER_X = SCREEN_WIDTH / 2.9; export const PROFILE_CUTOUT_CORNER_Y = SCREEN_HEIGHT / 1.95; @@ -15,7 +17,7 @@ export const AVATAR_DIM = 44; export const AVATAR_GRADIENT_DIM = 50; export const TAGG_ICON_DIM = 58; -export const TAGG_RING_DIM = 75; +export const TAGG_RING_DIM = 65; export const INTEGRATED_SOCIAL_LIST: string[] = [ 'Instagram', -- cgit v1.2.3-70-g09d2