forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
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
+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'),