octo/tooot
octo/tooot
1
0
Fork 0
mirror of https://github.com/tooot-app/app synced 2025-02-18 04:40:57 +01:00
Code Issues Projects Releases Wiki Activity

Try to fix font size too small on large screen

Browse Source
This commit is contained in:
Zhiyuan Zheng 2021-03-09 00:59:11 +01:00
parent 6b048e4b2a
commit f127fc3a1a
No known key found for this signature in database
GPG Key ID: 078A93AB607D85E0
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/utils/styles/constants.ts
View File

@ -1,15 +1,31 @@
import { Dimensions } from 'react-native'
const { width, height } = Dimensions.get('screen')
const guidelineBaseWidth = 375
const guidelineBaseHeight = 667
const scale = (size: number) => (width / guidelineBaseWidth) * size
const verticalScale = (size: number) => (height / guidelineBaseHeight) * size
const moderateScale = (size: number, factor = 0.5) =>
size + (scale(size) - size) * factor
const Base = 4
export const StyleConstants = {
Font: {
Size: { S: 14, M: 16, L: 18 },
LineHeight: { S: 20, M: 22, L: 30 },
Size: { S: moderateScale(14), M: moderateScale(16), L: moderateScale(18) },
LineHeight: {
S: moderateScale(20),
M: moderateScale(22),
L: moderateScale(30)
},
Weight: { Normal: '400' as '400', Bold: '600' as '600' }
},
FontStyle: {
S: { fontSize: 14, lineHeight: 20 },
M: { fontSize: 16, lineHeight: 22 },
L: { fontSize: 20, lineHeight: 30 }
S: { fontSize: moderateScale(14), lineHeight: moderateScale(20) },
M: { fontSize: moderateScale(16), lineHeight: moderateScale(22) },
L: { fontSize: moderateScale(20), lineHeight: moderateScale(30) }
},
Spacing: {