fix tablet
This commit is contained in:
@@ -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>
|
||||||
)
|
)
|
||||||
|
|||||||
Reference in New Issue
Block a user