fix tablet

This commit is contained in:
Samuel Newman
2025-01-08 14:57:20 +00:00
parent ecb46c0435
commit 6b95d8c6ad
+8 -5
View File
@@ -106,9 +106,7 @@ function ProfileCard() {
<Menu.Root> <Menu.Root>
<Menu.Trigger label={_(msg`Switch accounts`)}> <Menu.Trigger label={_(msg`Switch accounts`)}>
{({props, state}) => { {({props, state}) => {
const active = const active = state.activated
gtTablet && // desktop only
state.activated
return ( return (
<Button <Button
label={props.accessibilityLabel} label={props.accessibilityLabel}
@@ -133,7 +131,10 @@ function ProfileCard() {
a.relative, a.relative,
a.z_10, a.z_10,
active && { active && {
transform: [{scale: 2 / 3}, {translateX: -22}], transform: [
{scale: gtTablet ? 2 / 3 : 0.8},
{translateX: gtTablet ? -22 : 0},
],
}, },
]}> ]}>
<UserAvatar <UserAvatar
@@ -142,6 +143,8 @@ function ProfileCard() {
type={profile?.associated?.labeler ? 'labeler' : 'user'} type={profile?.associated?.labeler ? 'labeler' : 'user'}
/> />
</View> </View>
{gtTablet && (
<>
<View <View
style={[ style={[
a.flex_1, a.flex_1,
@@ -168,7 +171,6 @@ function ProfileCard() {
{sanitizeHandle(profile.handle, '@')} {sanitizeHandle(profile.handle, '@')}
</Text> </Text>
</View> </View>
{gtTablet && (
<EllipsisIcon <EllipsisIcon
aria-hidden={true} aria-hidden={true}
style={[ style={[
@@ -178,6 +180,7 @@ function ProfileCard() {
]} ]}
size="sm" size="sm"
/> />
</>
)} )}
</Button> </Button>
) )