diff options
| author | Ivan Chen <ivan@thetaggid.com> | 2021-01-22 19:13:53 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-01-22 19:13:53 -0500 |
| commit | 2262d4937d0248e4742f149c7aa4ec79f76c8478 (patch) | |
| tree | 308517c416605f13163bf6847e5c322ee23ab2e8 /src/constants/constants.ts | |
| parent | 9921e80e60cb24d0fc7b99123a8b146c6e7d14ff (diff) | |
| parent | e5915b02008dfcebe08de063f0440974c8415d4b (diff) | |
Merge pull request #196 from IvanIFChen/tma552-adjust-styles-and-sizes
[TMA-552] Adjust Styles and Sizes
Diffstat (limited to 'src/constants/constants.ts')
| -rw-r--r-- | src/constants/constants.ts | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/src/constants/constants.ts b/src/constants/constants.ts index 37b6e038..ad43c337 100644 --- a/src/constants/constants.ts +++ b/src/constants/constants.ts @@ -1,13 +1,15 @@ import {ReactText} from 'react'; import {BackgroundGradientType, ExploreSectionType} from './../types/'; -import {SCREEN_WIDTH, SCREEN_HEIGHT} from '../utils'; +import {SCREEN_WIDTH, SCREEN_HEIGHT, isIPhoneX, normalize} 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.76; -export const PROFILE_CUTOUT_CORNER_X = SCREEN_WIDTH / 2.9; -export const PROFILE_CUTOUT_CORNER_Y = SCREEN_HEIGHT / 1.95; +export const PROFILE_CUTOUT_TOP_Y = SCREEN_HEIGHT * 0.435; +export const PROFILE_CUTOUT_BOTTOM_Y = isIPhoneX() + ? SCREEN_HEIGHT * 0.55 + : SCREEN_HEIGHT * 0.58; +export const PROFILE_CUTOUT_CORNER_X = SCREEN_WIDTH * 0.344; +export const PROFILE_CUTOUT_CORNER_Y = SCREEN_HEIGHT * 0.513; export const IMAGE_WIDTH = SCREEN_WIDTH; export const IMAGE_HEIGHT = SCREEN_WIDTH; @@ -17,7 +19,7 @@ export const AVATAR_DIM = 44; export const AVATAR_GRADIENT_DIM = 50; export const TAGG_ICON_DIM = 58; -export const TAGG_RING_DIM = 65; +export const TAGG_RING_DIM = normalize(60); export const INTEGRATED_SOCIAL_LIST: string[] = [ 'Instagram', |