diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-09-25 17:13:03 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-09-25 17:13:03 +0100 |
| commit | 3293c5e0e0bf6fe89596bd0a79dda6cd1a0c2fb5 (patch) | |
| tree | 9f016dc3d654a0b5b924393a36ce983321b0ba3c /src | |
| parent | 224ff42c233007545152b2bfa809e736edb9cc34 (diff) | |
| download | voidsky-3293c5e0e0bf6fe89596bd0a79dda6cd1a0c2fb5.tar.zst | |
Reduce display name size (#5482)
* reduce displayname size * only apply to small screens
Diffstat (limited to 'src')
| -rw-r--r-- | src/screens/Profile/Header/DisplayName.tsx | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/src/screens/Profile/Header/DisplayName.tsx b/src/screens/Profile/Header/DisplayName.tsx index e30162c3a..bcc56d7f6 100644 --- a/src/screens/Profile/Header/DisplayName.tsx +++ b/src/screens/Profile/Header/DisplayName.tsx @@ -5,7 +5,7 @@ import {AppBskyActorDefs, ModerationDecision} from '@atproto/api' import {sanitizeDisplayName} from '#/lib/strings/display-names' import {sanitizeHandle} from '#/lib/strings/handles' import {Shadow} from '#/state/cache/types' -import {atoms as a, useTheme} from '#/alf' +import {atoms as a, useBreakpoints, useTheme} from '#/alf' import {Text} from '#/components/Typography' export function ProfileHeaderDisplayName({ @@ -16,12 +16,19 @@ export function ProfileHeaderDisplayName({ moderation: ModerationDecision }) { const t = useTheme() + const {gtMobile} = useBreakpoints() + return ( <View pointerEvents="none"> <Text emoji testID="profileHeaderDisplayName" - style={[t.atoms.text, a.text_4xl, a.self_start, {fontWeight: '600'}]}> + style={[ + t.atoms.text, + gtMobile ? a.text_4xl : a.text_3xl, + a.self_start, + {fontWeight: '600'}, + ]}> {sanitizeDisplayName( profile.displayName || sanitizeHandle(profile.handle), moderation.ui('displayName'), |