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.Trigger label={_(msg`Switch accounts`)}>
{({props, state}) => {
const active =
gtTablet && // desktop only
state.activated
const active = state.activated
return (
<Button
label={props.accessibilityLabel}
@@ -133,7 +131,10 @@ function ProfileCard() {
a.relative,
a.z_10,
active && {
transform: [{scale: 2 / 3}, {translateX: -22}],
transform: [
{scale: gtTablet ? 2 / 3 : 0.8},
{translateX: gtTablet ? -22 : 0},
],
},
]}>
<UserAvatar
@@ -142,6 +143,8 @@ function ProfileCard() {
type={profile?.associated?.labeler ? 'labeler' : 'user'}
/>
</View>
{gtTablet && (
<>
<View
style={[
a.flex_1,
@@ -168,7 +171,6 @@ function ProfileCard() {
{sanitizeHandle(profile.handle, '@')}
</Text>
</View>
{gtTablet && (
<EllipsisIcon
aria-hidden={true}
style={[
@@ -178,6 +180,7 @@ function ProfileCard() {
]}
size="sm"
/>
</>
)}
</Button>
)