diff --git a/src/screens/Profile/components/ProfileFeedHeader.tsx b/src/screens/Profile/components/ProfileFeedHeader.tsx index 6bfbff3a08..cf305ac4dd 100644 --- a/src/screens/Profile/components/ProfileFeedHeader.tsx +++ b/src/screens/Profile/components/ProfileFeedHeader.tsx @@ -30,8 +30,8 @@ import * as Dialog from '#/components/Dialog' import {Divider} from '#/components/Divider' import {useRichText} from '#/components/hooks/useRichText' import {ArrowOutOfBox_Stroke2_Corner0_Rounded as Share} from '#/components/icons/ArrowOutOfBox' -import {ChevronBottom_Stroke2_Corner0_Rounded as ChevronDown} from '#/components/icons/Chevron' import {CircleInfo_Stroke2_Corner0_Rounded as CircleInfo} from '#/components/icons/CircleInfo' +import {DotGrid_Stroke2_Corner0_Rounded as Ellipsis} from '#/components/icons/DotGrid' import { Heart2_Filled_Stroke2_Corner0_Rounded as HeartFilled, Heart2_Stroke2_Corner0_Rounded as Heart, @@ -91,7 +91,7 @@ export function ProfileFeedHeader({info}: {info: FeedSourceFeedInfo}) { const t = useTheme() const {_, i18n} = useLingui() const {hasSession} = useSession() - const {gtPhone, gtMobile} = useBreakpoints() + const {gtMobile} = useBreakpoints() const infoControl = Dialog.useDialogControl() const playHaptic = useHaptics() @@ -191,9 +191,8 @@ export function ProfileFeedHeader({info}: {info: FeedSourceFeedInfo}) { style={[ a.justify_start, { - paddingVertical: isWeb ? 4 : 6, - paddingHorizontal: 8, - paddingRight: 12, + paddingVertical: isWeb ? 2 : 4, + paddingRight: 8, }, ]} onPress={() => { @@ -207,10 +206,18 @@ export function ProfileFeedHeader({info}: {info: FeedSourceFeedInfo}) { a.absolute, a.inset_0, a.rounded_sm, - a.transition_transform, + a.transition_all, t.atoms.bg_contrast_25, - pressed && t.atoms.bg_contrast_50, + { + opacity: 0, + left: isWeb ? -2 : -4, + right: 0, + }, + pressed && { + opacity: 1, + }, hovered && { + opacity: 1, transform: [{scaleX: 1.01}, {scaleY: 1.1}], }, ]} @@ -219,7 +226,7 @@ export function ProfileFeedHeader({info}: {info: FeedSourceFeedInfo}) { {info.avatar && ( - + )} @@ -237,10 +244,9 @@ export function ProfileFeedHeader({info}: {info: FeedSourceFeedInfo}) { {sanitizeHandle(info.creatorHandle, '@')} @@ -256,10 +262,9 @@ export function ProfileFeedHeader({info}: {info: FeedSourceFeedInfo}) { /> {formatCount(i18n, likeCount)} @@ -268,7 +273,7 @@ export function ProfileFeedHeader({info}: {info: FeedSourceFeedInfo}) { - diff --git a/src/view/shell/desktop/Feeds.tsx b/src/view/shell/desktop/Feeds.tsx index 1d515df558..7a56722cc1 100644 --- a/src/view/shell/desktop/Feeds.tsx +++ b/src/view/shell/desktop/Feeds.tsx @@ -88,7 +88,7 @@ export function DesktopFeeds() { a.text_md, a.leading_snug, current - ? [a.font_heavy, t.atoms.text] + ? [a.font_bold, t.atoms.text] : [t.atoms.text_contrast_medium], ]} numberOfLines={1}>