tune scale anim and respect prefers-reduced-motion

2025-01-06 19:29:20 +00:00
parent b3b0047c5f
commit d6d2b61b3e
1 changed files with 6 additions and 5 deletions
@@ -70,6 +70,7 @@ import {
 import * as Menu from '#/components/Menu'
 import * as Prompt from '#/components/Prompt'
 import {Text} from '#/components/Typography'
+import {PlatformInfo} from '../../../../modules/expo-bluesky-swiss-army'
 import {router} from '../../../routes'

 const NAV_ICON_WIDTH = 28
@@ -132,12 +133,12 @@ function ProfileCard() {
                  ]}>
                  <View
                    style={[
-                      a.transition_transform,
-                      {
-                        transitionDuration: '250ms',
-                        transformOrigin: 'center left',
+                      !PlatformInfo.getIsReducedMotionEnabled() &&
+                        a.transition_transform,
+                      {transitionDuration: '250ms'},
+                      active && {
+                        transform: [{scale: 2 / 3}, {translateX: -22}],
                      },
-                      active && {transform: [{scale: 0.5}]},
                    ]}>
                    <UserAvatar
                      avatar={profile.avatar}