Bluesky app fork with some witchin' additions 💫
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Reduce display name size (#5482)

* reduce displayname size

* only apply to small screens

authored by

Samuel Newman and committed by
GitHub
3293c5e0 224ff42c

+9 -2
+9 -2
src/screens/Profile/Header/DisplayName.tsx
··· 5 5 import {sanitizeDisplayName} from '#/lib/strings/display-names' 6 6 import {sanitizeHandle} from '#/lib/strings/handles' 7 7 import {Shadow} from '#/state/cache/types' 8 - import {atoms as a, useTheme} from '#/alf' 8 + import {atoms as a, useBreakpoints, useTheme} from '#/alf' 9 9 import {Text} from '#/components/Typography' 10 10 11 11 export function ProfileHeaderDisplayName({ ··· 16 16 moderation: ModerationDecision 17 17 }) { 18 18 const t = useTheme() 19 + const {gtMobile} = useBreakpoints() 20 + 19 21 return ( 20 22 <View pointerEvents="none"> 21 23 <Text 22 24 emoji 23 25 testID="profileHeaderDisplayName" 24 - style={[t.atoms.text, a.text_4xl, a.self_start, {fontWeight: '600'}]}> 26 + style={[ 27 + t.atoms.text, 28 + gtMobile ? a.text_4xl : a.text_3xl, 29 + a.self_start, 30 + {fontWeight: '600'}, 31 + ]}> 25 32 {sanitizeDisplayName( 26 33 profile.displayName || sanitizeHandle(profile.handle), 27 34 moderation.ui('displayName'),